Release v1.1.1 · nitaybz/apple-home-dashboard

v1.1.1 (2025-12-31)

Automatic Dashboard Updates: Dashboard now automatically adapts to changes without requiring page refresh
- Entity Area Changes: When you move an entity to a different area in Home Assistant, the dashboard updates automatically
- Entity Registry Changes: Hidden, disabled, or deleted entities are automatically removed from the dashboard
- Device Area Changes: When devices are moved between areas, all associated entities update their positions
- Area Registry Changes: New, renamed, or deleted areas are reflected immediately
- RTL/Language Changes: Switching between LTR and RTL languages (or any language change) triggers automatic re-render with correct direction
Registry Subscription Manager: New utility that monitors Home Assistant registries using WebSocket events with polling fallback for reliability

iOS 26 Apple Home Fidelity: Refined proportions and styling to match the Apple Home app in iOS 26 more closely
- Centralized design tokens in LiquidGlassStyles.ts for consistent styling across all components
- Improved responsive breakpoints accounting for container padding
- Mobile-optimized typography, chip sizes, and button dimensions
- Configurable page padding with responsive mobile adjustments
- Better icon alignment in chips across all screen sizes

iOS Safari Background Fix: Fixed background not displaying correctly on iOS Safari (iPhone/iPad)
- iOS Safari doesn't support background-attachment: fixed properly - it uses document height instead of viewport height for background-size: cover
- This caused the background to stretch based on content length rather than fitting the screen
- Replaced body background approach with body::after pseudo-element using position: fixed and viewport units (100vh/100vw)
- Background now stays fixed to the viewport on all devices including iOS Safari
Cards Not Clickable After Navigation: Fixed critical bug where entity cards became unclickable after navigating between pages
- Click event listeners were removed in disconnectedCallback but not re-attached when cards were reconnected
- Added proper click handler re-attachment in connectedCallback when cards are reconnected to the DOM
Section Reorder Drag & Drop: Fixed drag and drop not working in section reorder modal after v1.1.0 drag improvements
- Added proper handle configuration to restrict drag initiation to the handle icon
- Fixed dragged element visibility being hidden by global DragAndDropManager styles
- Enhanced drag handle with proper cursor and touch-action styling

Robot Vacuum Support: Full support for vacuum domain entities with Apple-like tall card design, localized state text (Cleaning, Docked, Returning, Paused, Idle, Error), and proper active/inactive styling
Extra Accessories: Manually include any Home Assistant entity as a dashboard card, even entities not in supported domains (sensors, input_boolean, buttons, etc.)
Button Entity Support: Full support for button and input_button domains with proper icons, press actions, and styling
Input Boolean Support: Added support for input_boolean entities with toggle functionality

Improved Drag & Drop: Enhanced drag and drop experience using SortableJS with smoother touch support, variable-speed edge scrolling for carousels, and consistent behavior across cards and chips
New Breakpoint System: Comprehensive responsive layout with 5 breakpoints:
- Desktop (>1199px): 4 columns
- Tablet (768-1199px): 3 columns
- Mobile (480-767px): 2 columns
- Small Mobile (360-479px): 2 columns with smaller cards
- Extra Small (<360px): Single column layout (like Apple Home app)
Single Column Mode: Automatically switches to single column for very small screens or accessibility-enlarged displays
Smart Scaling: Cards, chips, modals, and header elements resize appropriately across all screen sizes using CSS custom properties
Camera Carousel Optimization:
- Shows 1.5 cameras on small mobile (visual hint for scrolling)
- Intelligent layout for single camera (full width) and dual cameras (side-by-side)
Accessibility Features:
- prefers-reduced-motion support to disable animations
- Fluid typography using clamp() for proper font scaling
- Better touch targets on mobile devices

iOS 26 Liquid Glass Design:
- New circular buttons with frosted backdrop blur and gradient glow borders
- Menu, back, and sidebar buttons feature consistent liquid glass styling
- Header gradient blur with smooth transparency fade (100% → 70% → 0%)
- CSS mask-composite: exclude technique for border effects
Dropdown Menu Overhaul:
- Redesigned to match iOS Apple Home app aesthetic
- Active room checkmark (✓) indicator
- Cleaner layout with minimal separators
- Semi-transparent background (75% opacity) with 50px blur
- Hidden scrollbar for cleaner appearance
Enhanced Interactions:
- Consistent button sizes (36px desktop / 34px mobile)
- Larger back icon (26px) for better visibility
- Smooth hover/active states with enhanced glow effects

Optimized Settings Save: Reduced WebSocket calls from 3-4 to a single batch operation
Loading Indicators: Added spinner animations to save buttons in settings and section reorder modals
Parallel Operations: Modal animations now run concurrently with save operations
Reduced Delays: Removed artificial delays in modal close sequence (450ms+ → 300ms)
Reliable Dashboard Refresh: Fixed inconsistent re-render after saving settings

Hidden Rooms Entity Filtering: Fixed entities from hidden rooms appearing in status chips and group page counts
Page Navigation: Fixed critical bugs when navigating between Home Assistant pages and dashboard views
Status Chips: Resolved display and update issues with status chips
Battery Status: Fixed incorrect battery percentage display in status section
Icon Rendering: Corrected icon display issues for various entity types
Translations: Fixed missing or incorrect translations across multiple languages