0.48.0 - Editor Enhancements - Entity Configuration & bugs, who knew? 🥇 🥇

Light Mode Background Color Support

Enhancement

• State-Based Background Colors: Card background colors based on entity state now work in both light and dark modes
  • Previously only available in dark mode
  • Uses Home Assistant's state color system for consistent theming
  • Users can disable this feature using the skip_entity_styles feature flag if desired

Tab Bar Fix & Editor Reorganization

Bug Fix

• Tab Bar Rendering: Fixed missing tabs for some users by replacing Material Web Components (mwc-tab-bar) with a custom HTML/CSS implementation
  • Tabs now work reliably across all Home Assistant environments
  • No additional installations or dependencies required
  • Maintains the same visual appearance and functionality

Editor Improvements

• Editor Reorganization: Reorganized editor tabs to group related settings together for better organization:
  • Sensors Tab: Now includes sensor-specific features (hide sensors, hide sensor icons, hide sensor labels) and sensor styles
  • Entities Tab: Now includes entity styles (entities container and entity icon styles)
  • Main Tab: Contains card-level styles (card, stats, title)
• Improved Organization: Related configuration options are now grouped together, making it easier to find what you're looking for

Note

All existing configurations continue to work exactly as before. The reorganization only affects where settings appear in the editor interface.

Media Player State Logic Fix

Bug Fix

• Media Player Paused State: Paused media players are now correctly treated as inactive (same as standby) for consistent state handling and visual representation
  • Previously, paused media players were considered active
  • Now matches the behavior of standby state for better consistency

Editor Enhancements - Entity Configuration

New Features

• Visual Entity Configuration: Configure most entity properties directly from the visual editor without editing YAML

  • Entity label and custom attributes
  • Custom icons per entity
  • On/off color customization
  • Entity features (use entity icon, show labels, etc.)
  • Tap, double-tap, and hold actions

• Entity Management UI:

  • Add, edit, and remove entities from lists with dedicated editor components
  • Edit individual entities in a focused detail view
  • Toggle between visual GUI and YAML editing modes

• Enhanced Editor Experience:

  • Improved entity picker integration
  • Better organization of entity configuration options
  • Streamlined workflow for configuring multiple entities

Technical Details

• Added three new editor components:

  • entity-detail-editor: Form-based editor for individual entity properties
  • entities-row-editor: List management for entities and lights
  • sub-element-editor: Wrapper component with GUI/YAML mode switching

• Expanded editor schema to support entity-level configuration

• Added comprehensive test coverage for all new editor components

Note

Entity states and threshold configurations are not yet available in the visual editor and still require YAML configuration.

---

• chore: bumps version to 0.48.0 by @gh-action-bump-version
• light theme supports card background state styling - thanks @massaquah! by @warmfire540
• tab bar fix maybe, moved editor things around to confuse folks by @warmfire540
• paused state treated as not active for media player by @warmfire540
• hide entity label when hiding icon for bg by @warmfire540
• super entity editor (almost) by @warmfire540

What's Changed

• Editor Enhancements - Entity Configuration & bugs, who knew? 🥇 🥇 by @warmfire540 in #244

Full Changelog: 0.47.0...0.48.0