<!-- Placeholder for MCPower Web Console Screenshot -->
<!--
This is a placeholder. To add the actual screenshot:
1. Start the web console: ./launch.sh
2. Take a screenshot of http://127.0.0.1:4173
3. Save as screenshot-placeholder.png in the assets/ directory
4. Replace this file
Recommended screenshot size: 800x500px or larger
Show: Dataset list, drag-and-drop area, create button
-->
<!-- Simple SVG placeholder -->
<svg width="800" height="500" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="800" height="500" fill="#f8f9fa"/>
<!-- Border -->
<rect x="10" y="10" width="780" height="480" fill="none" stroke="#dee2e6" stroke-width="2" rx="8"/>
<!-- Header mockup -->
<rect x="30" y="30" width="740" height="60" fill="#2f6fff" rx="4"/>
<text x="400" y="65" font-family="Arial, sans-serif" font-size="24" fill="#ffffff" text-anchor="middle" font-weight="bold">
MCPower Web Console
</text>
<!-- Dataset card mockup -->
<rect x="30" y="110" width="340" height="120" fill="#ffffff" stroke="#dee2e6" stroke-width="2" rx="4"/>
<text x="50" y="140" font-family="Arial, sans-serif" font-size="18" fill="#212529" font-weight="bold">
📚 sample-docs
</text>
<text x="50" y="165" font-family="Arial, sans-serif" font-size="14" fill="#6c757d">
5 documents • 1,264 chunks
</text>
<text x="50" y="190" font-family="Arial, sans-serif" font-size="14" fill="#6c757d">
Model: all-MiniLM-L6-v2
</text>
<!-- Another dataset card -->
<rect x="390" y="110" width="380" height="120" fill="#ffffff" stroke="#dee2e6" stroke-width="2" rx="4"/>
<text x="410" y="140" font-family="Arial, sans-serif" font-size="18" fill="#212529" font-weight="bold">
📚 my-project-docs
</text>
<text x="410" y="165" font-family="Arial, sans-serif" font-size="14" fill="#6c757d">
128 documents • 8,432 chunks
</text>
<text x="410" y="190" font-family="Arial, sans-serif" font-size="14" fill="#6c757d">
Model: all-MiniLM-L6-v2
</text>
<!-- Create dataset section mockup -->
<rect x="30" y="260" width="740" height="180" fill="#e7f3ff" stroke="#2f6fff" stroke-width="2" rx="4" stroke-dasharray="8,4"/>
<text x="400" y="300" font-family="Arial, sans-serif" font-size="20" fill="#2f6fff" text-anchor="middle" font-weight="bold">
Create New Dataset
</text>
<text x="400" y="330" font-family="Arial, sans-serif" font-size="14" fill="#495057" text-anchor="middle">
📁 Drag & drop a folder here, browse, or type path manually
</text>
<!-- Input field mockup -->
<rect x="80" y="350" width="540" height="40" fill="#ffffff" stroke="#ced4da" stroke-width="2" rx="4"/>
<text x="100" y="377" font-family="Arial, sans-serif" font-size="14" fill="#adb5bd">
/absolute/path/to/documents
</text>
<!-- Browse button mockup -->
<rect x="630" y="350" width="100" height="40" fill="#6c757d" rx="4"/>
<text x="680" y="377" font-family="Arial, sans-serif" font-size="14" fill="#ffffff" text-anchor="middle" font-weight="bold">
📁 Browse
</text>
<!-- Watermark -->
<text x="400" y="480" font-family="Arial, sans-serif" font-size="12" fill="#adb5bd" text-anchor="middle" font-style="italic">
Screenshot placeholder - Replace with actual web console screenshot
</text>
</svg>
