v2.0.2

Fixes

• Magic Architect AI now properly styles buttons (colored backgrounds, not just accents)
• State-based colors work (e.g., 'turns red when open' uses stateOnColor)
• Preview now respects stateOnColor/stateOffColor - toggle state to see changes
• YAML generator outputs state-based color styles

Improvements

• Better AI prompt guidance for styling
• Added state color examples to AI context

Release v2.0.0

Major Features:

• Gradient background support with opacity control
• Bubble card builder with comprehensive presets
• Enhanced weather icons in bubble card preview
• Improved YAML generation and state conditionals

UI Improvements:

• Removed duplicate ripple effect toggle
• Better icon rendering
• Enhanced preview functionality

Bug Fixes:

• Fixed state conditional rendering
• Fixed gradient YAML output
• Various stability improvements

v1.9.0

What's New

New UI Controls

• Live Stream Fit Mode - Control how live streams fit in the button (contain, cover, fill)
• Spinner Template - Set conditional templates for spinner loading indicator
• Conditional Display - Show/hide buttons based on entity state with operator support

Details

All 5 properties were already supported in YAML generation but lacked UI controls. This release exposes them in the config panel.

v1.7.0 - Conditional Presets & Dashboard Integration

What's New in v1.7.0

Conditional Presets

• Apply presets only when entity is ON, OFF, or always
• Select different presets for ON/OFF states
• Automatic state_styles generation in YAML output

Dashboard Integration

• Pull backgrounds from your Home Assistant dashboards
• Preview canvas matches dashboard grid sizing
• See buttons exactly as they'll appear on your dashboard

Smart Control Locking

• Config options controlled by preset's Custom CSS are now disabled
• Card animation locked when preset uses CSS animation
• Background controls locked when preset uses gradients
• Shadow controls locked when preset uses box-shadow
• Visual indicators explain why controls are locked

Improved Navigation

• New drill-down navigation in ConfigPanel
• Categories Sections Content flow
• Cleaner, more organized interface

Technical

• New ConfigPanelNav.tsx for navigation system
• New dashboardService.ts for HA WebSocket integration
• ControlInput supports disabled state with tooltips

v1.5.0 - Mobile Layout & Gradient Customization

What's New

Mobile Experience

• Tab-based navigation - Bottom tab bar with Preview, Configure, and YAML tabs
• Mobile hamburger menu - Easy access to Presets, Magic Build, Import, and Reset
• Full-screen presets modal - Browse all 80+ presets comfortably on mobile
• Desktop 3-panel layout unchanged

Gradient Customization

• New gradient controls in Colors and Theming section
• 3 gradient types: Linear, Radial, and Conic
• Adjustable angle (0-360) for linear and conic gradients
• Up to 3 colors with optional third color toggle
• Gradients properly export to YAML

Bug Fixes

• Fixed shape/aspect-ratio preview rendering (circles and custom shapes now display correctly)
• Fixed preset styles not applying to preview card

Full Changelog: v1.4.2...v1.5.0

v1.0.2 - BYOK API Key + Bug Fixes

What's New in v1.0.2

Bring Your Own Key (BYOK)

• Users now provide their own free Gemini API key for AI features
• Get your free key at Google AI Studio
• Keys stored locally in your browser (never sent anywhere)
• Key management UI to view/remove your key

Improved AI Design Generation

• Comprehensive system prompt for better button designs
• Smart entity inference from descriptions
• Better understanding of design styles (glassmorphism, neon, minimal, etc.)

Bug Fixes

• Fixed entity detection not working inside Home Assistant
• Fixed path detection (was looking for old integration name)
• Updated all documentation to correct folder names

---

First time using AI features? Click Magic Build and enter your free Gemini API key when prompted.