bd495be965
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 12s
- Sidebar: dynamic brand-accent colors, brainstorm section restyled - AI chat general: popup panel with expand/collapse, hides when contextual AI open - AI chat contextual: tabs reordered (Actions first), X close button, height fix - Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.) - Global color cleanup: emerald/orange hardcoded → brand-accent dynamic - Brainstorm page: orange → brand-accent throughout - PageEntry animation component added to key pages - Floating AI button: bg-brand-accent instead of hardcoded black - i18n: all 15 locales updated with new AI/billing keys - Billing: freemium quota tracking, BYOK, stripe subscription scaffolding - Admin: integrated into new design - AGENTS.md + CLAUDE.md project rules added
19 lines
923 B
HTML
19 lines
923 B
HTML
<!-- ============================================================================
|
|
PROTOTYPE DEV MODE - HTML SNIPPET
|
|
|
|
Add this HTML to your prototype page (inside <body>, preferably at the top)
|
|
============================================================================ -->
|
|
|
|
<!-- Dev Mode Toggle Button (fixed position, top-right) -->
|
|
<button id="dev-mode-toggle" class="dev-mode-toggle" title="Toggle Dev Mode (Ctrl+E)">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
|
|
<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
|
|
</svg>
|
|
<span>Dev Mode: OFF</span>
|
|
</button>
|
|
|
|
<!-- Dev Mode Tooltip (shown when hovering over elements in dev mode) -->
|
|
<div id="dev-mode-tooltip" class="dev-mode-tooltip" style="display: none;"></div>
|
|
|