v0.2.3 — axonometric dollhouse polish, sun theming, TV scaling

- Axo view: dark-by-default rooms, RGB wall glow when lit, double-ring
  floor glow ellipses, recessed info cards, MDI person icon
- Multi-floor: upper floor visually stacks above lower with increased
  default gap (250) and reduced wall height (25)
- Flat view: straight-on tilt (rotateX 38°, perspective-origin 50% 50%),
  ResizeObserver canvas sizing so grid never bleeds outside wrapper
- Sun-based ambient theming via sun.sun elevation (amber → blue tint)
- Occupancy pulse animation (0.7 s ease-out keyframe scale)
- TV/wallboard text scaling: vw-based clamp() for fonts and icons
- Muted dark room colour palette so illuminated rooms stand out clearly
- Deploy cmd updated to write both .js and .js.gz
- README rewritten; CHANGELOG.md added

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: squizzer73

CHANGELOG.md

@@ -0,0 +1,62 @@
+# Changelog
+
+## [0.2.3] — 2026-05-10
+
+### Added
+- **Axonometric dollhouse view** — rooms rendered as 3D boxes with illuminated top face and side wall panels; unlit rooms are dark, lit rooms glow with the light's actual RGB colour
+- **Recessed info cards** — temperature, humidity and room name displayed on an inset card embossed into the axo room floor
+- **Multi-floor vertical stacking** — upper floors visually float above lower floors with a configurable gap; the two floors overlap slightly for a natural dollhouse silhouette
+- **Double-ring floor glow** — two blurred ellipses at the base of each lit room (outer 1.6× radius at 14% opacity, inner at 32%) for realistic light spill
+- **MDI person icon in axo view** — SVG path rendered directly, matching the flat-view occupancy watermark
+- **Sun-based ambient theming** — `sun.sun` elevation drives a subtle inset box-shadow: amber at golden hour (elevation 15°→−6°), blue-amber blend at dusk/dawn, deep blue at night
+- **Occupancy pulse animation** — person icon scales in with a `0.7 s ease-out` keyframe animation on appearance
+
+### Changed
+- **Dark-by-default room colours** — rooms are dark grey/navy until a light is on, so illumination is immediately obvious; flat-view palette updated to muted dark tones
+- **Flat grid tilt** — `rotateX(38deg) rotateY(0deg)` with `perspective-origin: 50% 50%` for a straight-on tilt without keystone distortion
+- **Canvas sizing** — `ResizeObserver` caps canvas width so the rotated grid never bleeds outside the card wrapper
+- **TV/wallboard text scaling** — all font sizes use `vw`-based `clamp()` (room name `clamp(0.8rem, 1.2vw, 1.8rem)`, data rows `clamp(0.75rem, 1.0vw, 1.5rem)`, icons `clamp(16px, 1.4vw, 26px)`) for legibility from across a room
+- **Default wall height** reduced to `25` (was `80`) for a less exaggerated axo silhouette
+- **Default floor gap** increased to `250` (was `150`) for clear floor separation
+
+### Fixed
+- SVG blur filters use inline `style="filter:blur()"` instead of `filter="url(#…)"` to avoid the HA `<base>` HTTPS bug
+- Deploy command updated to write both `.js` and `.js.gz` so HA's service worker serves the latest build immediately
+
+---
+
+## [0.2.2] — 2026-05-08
+
+### Added
+- Axonometric view Phase 1: perspective SVG projection, wall panels, basic floor glow
+- HTTPS SVG filter fix (inline `filter:blur()`)
+
+---
+
+## [0.2.1] — prior
+
+### Added
+- Occupancy watermark: centred person icon with asymmetric fade (0.5 s in, 7 s out)
+
+---
+
+## [0.2.0] — prior
+
+### Added
+- Heatmap thermal overlay: temperature colour ramp and seeded-PRNG humidity droplets
+- Heatmap mode toggle in card header (off / temperature / humidity / combined)
+
+---
+
+## [0.1.9] — prior
+
+### Added
+- Light spill glow driven by `rgb_color` attribute with 400 ms transition
+- Tap to toggle light / long-press for more-info dialog
+- Room type icons (19 types, MDI watermark) and room type dropdown in editor
+
+---
+
+## [0.1.0–0.1.8] — prior
+
+Initial builds: grid editor, multi-floor config, CSS 3D perspective floorplan, floating info cards, legend bar, entity pickers, HACS packaging.

CLAUDE.md

@@ -11,7 +11,13 @@ npm run dev          # watch mode (rebuilds on save)
 npm run lint         # lint src/**/*.js with eslint
 ```
 
-After building, copy `dist/house-card.js` to `/config/www/house-card.js` on the Home Assistant instance.
+After building, deploy to the HA instance (network share must be mounted first):
+
+```bash
+cp dist/house-card.js /Volumes/config/www/community/lovelace-house-card/house-card.js && gzip -9 -c dist/house-card.js > /Volumes/config/www/community/lovelace-house-card/house-card.js.gz
+```
+
+The share mounts at `/Volumes/config` (SMB). If it's not mounted, prompt the user to mount it before deploying. HACS downloads the card to `/Volumes/config/www/community/lovelace-house-card/`.
 
 ## Architecture
 

README.md

@@ -1,15 +1,21 @@
 # House Card
 
-A visual house floorplan card for Home Assistant. Build a stylised representation of your home using a grid-based room editor, then display entity states — lights, occupancy, temperature — directly on the floorplan.
+A visual house floorplan card for Home Assistant. Draw rooms on a configurable grid, bind entity states to each room, and view your home as either a flat overhead grid or a **3D axonometric dollhouse** — complete with light glow, occupancy indicators, temperature/humidity data, and time-of-day ambient lighting.
 
 ## Features
 
-- **Grid-based room editor** — draw rectangular rooms on a configurable grid per floor
-- **Multi-floor support** — tab-based floor switching on mobile, side-by-side on wallboard
-- **Light state** — rooms glow when lights are on
-- **Occupancy indicator** — green dot when a motion/occupancy sensor is triggered
-- **Temperature overlay** — displays current temperature sensor value in the room
-- **Scales to card size** — works on mobile dashboards and large wallboard displays
+- **Grid-based room editor** — drag to draw rectangular rooms on a configurable grid per floor
+- **Axonometric dollhouse view** — 3D perspective with illuminated wall panels, floor glow, and recessed info cards per room
+- **Flat grid view** — clean overhead plan with CSS 3D tilt, per-room info cards, and light spill glow
+- **Multi-floor support** — stacked dollhouse floors with visible separation; tab switching in flat mode
+- **Light state** — rooms and wall panels glow with the light's actual RGB colour when on; dark otherwise
+- **Occupancy indicator** — animated person icon appears when a motion/occupancy sensor is triggered; asymmetric fade-out (0.5 s in, 7 s out)
+- **Temperature & humidity display** — sensor values shown on recessed in-room info cards
+- **Heatmap thermal overlay** — colour-ramp temperature overlay and humidity droplets per room
+- **Sun-based ambient theming** — subtle amber tint at golden hour, blue tint at night; driven by `sun.sun` elevation
+- **TV/wallboard optimised** — `vw`-based `clamp()` font and icon sizing so text is legible from across the room
+- **Room type icons** — 19 room types (bedroom, kitchen, lounge, etc.) with MDI watermark icons
+- **Tap to toggle light / long-press for more-info**
 - **HACS compatible**
 
 ## Installation via HACS
@@ -21,11 +27,11 @@ A visual house floorplan card for Home Assistant. Build a stylised representatio
 
 ## Manual Installation
 
-Copy `dist/house-card.js` to your `/config/www/` directory, then add to your Lovelace resources:
+Copy `dist/house-card.js` to your `/config/www/community/lovelace-house-card/` directory, then add to your Lovelace resources:
 
 ```yaml
 resources:
-  - url: /local/house-card.js
+  - url: /hacsfiles/lovelace-house-card/house-card.js
     type: module
 ```
 
@@ -36,30 +42,37 @@ Add via the Lovelace UI editor (recommended) or manually:
 ```yaml
 type: custom:house-card
 title: My House
+heatmap_mode: off          # off | temperature | humidity | combined
+temperature_range: [16, 26]
+humidity_floor: 50         # hide humidity droplets below this %
+
 floors:
   - id: ground
     name: Ground Floor
     cols: 8
     rows: 6
+    temperature_range: [14, 28]   # optional per-floor override
     rooms:
       - id: lounge
         name: Lounge
         col: 0
         row: 0
         width: 3
         height: 2
-        color: '#4a90d9'
+        color: '#3d5a78'
+        room_type: lounge
         entities:
           light: light.lounge
           occupancy: binary_sensor.lounge_motion
           temperature: sensor.lounge_temperature
+          humidity: sensor.lounge_humidity
       - id: kitchen
         name: Kitchen
         col: 3
         row: 0
         width: 2
         height: 2
-        color: '#50c878'
+        room_type: kitchen
         entities:
           light: light.kitchen
           occupancy: binary_sensor.kitchen_motion
@@ -75,17 +88,29 @@ floors:
 | `row` | Yes | Starting row (0-indexed) |
 | `width` | Yes | Width in grid cells |
 | `height` | Yes | Height in grid cells |
-| `color` | No | Room accent colour (hex) |
-| `entities.light` | No | Light entity ID |
-| `entities.occupancy` | No | Binary sensor for occupancy |
-| `entities.temperature` | No | Temperature sensor entity ID |
+| `color` | No | Room accent colour (hex); auto-assigned from palette if omitted |
+| `room_type` | No | One of 19 types — drives watermark icon and default label |
+| `heatmap` | No | Set `false` to opt this room out of the thermal overlay |
+| `entities.light` | No | Light entity (supports `rgb_color` and `brightness` attributes) |
+| `entities.occupancy` | No | Binary sensor for occupancy/motion |
+| `entities.temperature` | No | Temperature sensor entity |
+| `entities.humidity` | No | Humidity sensor entity |
+
+### Room types
+
+`bedroom`, `master_bedroom`, `bathroom`, `toilet`, `kitchen`, `lounge`, `living_room`, `dining`, `office`, `study`, `hall`, `entrance`, `landing`, `garage`, `garden`, `utility`, `conservatory`, `playroom`, `gym`
 
 ## Development
 
 ```bash
 npm install
 npm run dev    # watch mode
-npm run build  # production build
+npm run build  # production build → dist/house-card.js
 ```
 
-Output is `dist/house-card.js` — copy to `/config/www/house-card.js`.
+After building, deploy to the HA instance (network share must be mounted at `/Volumes/config`):
+
+```bash
+cp dist/house-card.js /Volumes/config/www/community/lovelace-house-card/house-card.js && \
+gzip -9 -c dist/house-card.js > /Volumes/config/www/community/lovelace-house-card/house-card.js.gz
+```