Help with Music Dashboard view

Configuration
1

I had this working for quite a while. I was on a mission to create a music player dashboard using alexa media player, and mini-media-player card. The weird part is in the editor it works perfectly, but once I save it, all I see is the input select. Does anyone know why?

Input select:
configuration.yaml:

input_select:
  media_player_device:
    name: Media Player Device
    options:
      - media_player.living_room_echo
      - media_player.bedroom_echo
      - media_player.office_echo
      - media_player.all_echos
    initial: media_player.living_room_echo
    icon: mdi:speaker
  media_player_device_friendly:
    name: Media Player Device
    options:
      - Living Room Echo
      - Bedroom Echo
      - Office Echo
      - All Echos
    initial: Living Room Echo
    icon: mdi:speaker

  media_player_devices:
    name: Media Player Devices
    options:
      - Living Room Echo
      - Bedroom Echo
      - Office Echo
      - Everywhere
    initial: Living Room Echo
    icon: mdi:speaker

Dashboard view:

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: input_select.media_player_device_friendly
        name: Media Player Device
  - type: custom:state-switch
    entity: input_select.media_player_device_friendly
    states:
      Living Room Echo:
        type: custom:mini-media-player
        entity: media_player.living_room_echo
        artwork: full-cover
        volume_step: '1'
        toggle_power: false
        show_state: true
        group: true
        hide:
          power: false
          play_stop: false
          shuffle: false
        shortcuts:
          columns: 3
          buttons:
            - name: 70’s Rock
              type: service
              id: script.play_music_on_device
              data:
                name_of_music: 70s Rock From Amazon Music
                device_name: Living Room Echo
            - name: 90’s Alt
              type: service
              id: script.play_music_on_device
              data:
                name_of_music: 90s Alternative From Amazon Music
                device_name: Living Room Echo
            - name: Alt Hits
              type: service
              id: script.play_music_on_device
              data:
                name_of_music: Alternative Hits From Amazon Music
                device_name: Living Room Echo

Script

alias: play_music_on_device
sequence:
  - service: media_player.play_media
    target:
      entity_id: media_player.living_room_echo
    data:
      media_content_id: play {{ name_of_music }} on {{ device_name }}
      media_content_type: custom
mode: single
icon: mdi:music
2

I believe Living Room Echo in the state switch card must be enclosed in quotes, else your state switch will never match and you get the result you’re seeing.

3

The weird part is it works in the editor.

Screenshot 2024-08-20 131325
Screenshot 2024-08-20 1313251031×407 19.4 KB

4

The editor ALWAYS shows the card (even when the state is false) so you don’t loose it in the case you’ve done what you did and the card never shows.

5

So you are saying to do this? If so, it removes the quotes after I save it.

type: custom:state-switch
entity: “input_select.media_player_device_friendly”

6

I’m actually flying right now and can’t edit

But the github for thomas’ card is here:

Scroll down to the section where it references Device ID. There’s multiple examples there where quotes are required because the state you’re looking for may contain a space (like the friendly name of your player)