feat: add popup and options pages for LexAI extension

- Created index.html for options page with basic structure.
- Implemented Popup component in Popup.tsx with state management for user input and actions.
- Added index.html for popup page with necessary scripts.
- Included various icon assets for the extension.
- Designed SVG icon for the extension with gradient background and lightning bolt.
- Added multiple screenshots for Chrome Web Store listing.
- Configured WXT for building the Chrome extension with manifest settings.
This commit is contained in:
john kevin asprec
2026-08-13 19:16:54 +08:00
parent 8bc529ef2d
commit d63d698b57
17 changed files with 0 additions and 0 deletions

View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<!-- Background circle with gradient -->
<defs>
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
</linearGradient>
<linearGradient id="boltGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#fde68a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background rounded square -->
<rect x="4" y="4" width="120" height="120" rx="26" ry="26" fill="url(#bgGrad)" />
<!-- Subtle inner glow -->
<rect x="4" y="4" width="120" height="120" rx="26" ry="26"
fill="none" stroke="rgba(255,255,255,0.15)" stroke-width="2"/>
<!-- Lightning bolt shape -->
<polygon points="72,14 38,68 62,68 56,114 90,60 66,60"
fill="url(#boltGrad)"
stroke="rgba(255,255,255,0.3)"
stroke-width="1.5"
stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB