<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 700">
<defs>
<style>
.terminal-bg { fill: #1e1e1e; stroke: #333; stroke-width: 2; }
.window-border { fill: none; stroke: #4CAF50; stroke-width: 2; }
.header-bg { fill: #2d2d2d; }
.active-tab { fill: #4CAF50; }
.inactive-tab { fill: #404040; }
.text-green { font-family: 'Courier New', monospace; font-size: 12px; fill: #4CAF50; }
.text-white { font-family: 'Courier New', monospace; font-size: 12px; fill: #ffffff; }
.text-yellow { font-family: 'Courier New', monospace; font-size: 12px; fill: #ffeb3b; }
.text-cyan { font-family: 'Courier New', monospace; font-size: 12px; fill: #00bcd4; }
.text-red { font-family: 'Courier New', monospace; font-size: 12px; fill: #f44336; }
.text-small { font-size: 10px; }
.progress-bg { fill: #333; }
.progress-fill { fill: #4CAF50; }
.button { fill: #404040; stroke: #4CAF50; stroke-width: 1; }
.button-text { font-family: 'Courier New', monospace; font-size: 10px; fill: #4CAF50; text-anchor: middle; }
</style>
</defs>
<!-- Terminal Window -->
<rect class="terminal-bg" x="50" y="50" width="900" height="600" rx="8"/>
<!-- Window Header -->
<rect class="header-bg" x="50" y="50" width="900" height="30" rx="8"/>
<text x="70" y="70" class="text-green">● ● ●</text>
<text x="500" y="70" class="text-white" text-anchor="middle">Kiro Everything MCP - Terminal Interface</text>
<!-- Tab Bar -->
<rect class="active-tab" x="60" y="90" width="100" height="25"/>
<text x="110" y="105" class="text-white text-small" text-anchor="middle">Dashboard</text>
<rect class="inactive-tab" x="160" y="90" width="100" height="25"/>
<text x="210" y="105" class="text-white text-small" text-anchor="middle">Search</text>
<rect class="inactive-tab" x="260" y="90" width="100" height="25"/>
<text x="310" y="105" class="text-white text-small" text-anchor="middle">Research</text>
<rect class="inactive-tab" x="360" y="90" width="100" height="25"/>
<text x="410" y="105" class="text-white text-small" text-anchor="middle">Specs</text>
<!-- Main Content Area -->
<rect class="window-border" x="70" y="125" width="860" height="500"/>
<!-- Dashboard Content -->
<text x="90" y="150" class="text-green">╭─ Project Overview ─────────────────────────────────────────────────────────╮</text>
<text x="90" y="170" class="text-white">│ Project: enhanced-everything-mcp │</text>
<text x="90" y="185" class="text-white">│ Specs: 1 active, 0 completed │</text>
<text x="90" y="200" class="text-white">│ Files: 847 indexed, 23 specification files │</text>
<text x="90" y="215" class="text-white">│ Last Research: 2 hours ago (GitHub integration patterns) │</text>
<text x="90" y="235" class="text-green">╰────────────────────────────────────────────────────────────────────────────╯</text>
<!-- Specification Status -->
<text x="90" y="265" class="text-green">╭─ Specification Status ─────────────────────────────────────────────────────╮</text>
<text x="90" y="285" class="text-cyan">│ enhanced-everything-mcp/ │</text>
<text x="90" y="300" class="text-white">│ ✓ requirements.md [Complete] │</text>
<text x="90" y="315" class="text-white">│ ✓ design.md [Complete] │</text>
<text x="90" y="330" class="text-white">│ ✓ tasks.md [Complete] │</text>
<text x="90" y="345" class="text-yellow">│ ◐ Implementation [In Progress - 0/33 tasks] │</text>
<!-- Progress Bar -->
<rect class="progress-bg" x="110" y="355" width="200" height="8"/>
<rect class="progress-fill" x="110" y="355" width="20" height="8"/>
<text x="320" y="362" class="text-white text-small">10% Complete</text>
<text x="90" y="380" class="text-green">╰────────────────────────────────────────────────────────────────────────────╯</text>
<!-- Recent Activity -->
<text x="90" y="410" class="text-green">╭─ Recent Activity ──────────────────────────────────────────────────────────╮</text>
<text x="90" y="430" class="text-white">│ 14:32 Created comprehensive enhancement specifications │</text>
<text x="90" y="445" class="text-white">│ 14:15 Updated README with enhanced capabilities │</text>
<text x="90" y="460" class="text-white">│ 12:45 GitHub research: Found 47 MCP integration patterns │</text>
<text x="90" y="475" class="text-white">│ 12:30 Analyzed 15 repositories for intent-based search │</text>
<text x="90" y="490" class="text-white">│ 11:20 Exported research findings to CSV (234 patterns) │</text>
<text x="90" y="510" class="text-green">╰────────────────────────────────────────────────────────────────────────────╯</text>
<!-- Right Panel - Quick Actions -->
<text x="500" y="150" class="text-green">╭─ Quick Actions ────────────────────────╮</text>
<rect class="button" x="520" y="165" width="150" height="20" rx="3"/>
<text x="595" y="178" class="button-text">F1: Launch Search</text>
<rect class="button" x="520" y="190" width="150" height="20" rx="3"/>
<text x="595" y="203" class="button-text">F2: Start Research</text>
<rect class="button" x="520" y="215" width="150" height="20" rx="3"/>
<text x="595" y="228" class="button-text">F3: View Specs</text>
<rect class="button" x="520" y="240" width="150" height="20" rx="3"/>
<text x="595" y="253" class="button-text">F4: Export Data</text>
<text x="500" y="275" class="text-green">╰────────────────────────────────────────╯</text>
<!-- Knowledge Base Stats -->
<text x="500" y="305" class="text-green">╭─ Knowledge Base ───────────────────────╮</text>
<text x="520" y="325" class="text-white">│ Repositories: 127 │</text>
<text x="520" y="340" class="text-white">│ Code Patterns: 1,847 │</text>
<text x="520" y="355" class="text-white">│ Concepts: 89 │</text>
<text x="520" y="370" class="text-white">│ Research Sessions: 23 │</text>
<text x="520" y="385" class="text-white">│ Database Size: 45.2 MB │</text>
<text x="500" y="405" class="text-green">╰────────────────────────────────────────╯</text>
<!-- Search Preview -->
<text x="500" y="435" class="text-green">╭─ Last Search Results ─────────────────╮</text>
<text x="520" y="455" class="text-cyan">│ Query: "mcp server typescript" │</text>
<text x="520" y="470" class="text-white">│ ├─ src/index.ts │</text>
<text x="520" y="485" class="text-white">│ ├─ package.json │</text>
<text x="520" y="500" class="text-white">│ └─ README.md │</text>
<text x="520" y="515" class="text-yellow">│ Found 3 files in 0.02s │</text>
<text x="500" y="535" class="text-green">╰────────────────────────────────────────╯</text>
<!-- Status Bar -->
<rect class="header-bg" x="50" y="625" width="900" height="25"/>
<text x="70" y="642" class="text-green">Connected</text>
<text x="150" y="642" class="text-white">│</text>
<text x="170" y="642" class="text-white">Everything Service: Running</text>
<text x="320" y="642" class="text-white">│</text>
<text x="340" y="642" class="text-white">GitHub API: Connected</text>
<text x="480" y="642" class="text-white">│</text>
<text x="500" y="642" class="text-white">Memory: 45MB</text>
<text x="600" y="642" class="text-white">│</text>
<text x="620" y="642" class="text-cyan">Press 'h' for help, 'q' to quit</text>
<!-- Help Text -->
<text x="90" y="570" class="text-yellow text-small">Navigation: ←→ Switch tabs, ↑↓ Navigate items, Enter Select, Tab Quick actions</text>
<text x="90" y="585" class="text-yellow text-small">Commands: /search [query], /research [spec], /export [format], /help</text>
</svg>
