Front Door Notification Setup

Configuration
1

I have an automation for when a person is picked up on my doorbell camera that takes a snapshot, creates a description, and sends a notification to my phone. I would like to see that image and description when I click on the notification. I have figured out how to open my camera app from the notification and created a place to view the image in my dashboards but cannot figure out how to get the text to show there too. Any help would be appreciated as I am new to this.

alias: Visitor at Front Door
description: Notification sent to phone when a person is detected at the front door.
triggers:
  - type: turned_on
    device_id: 1edec007f4db2605898b2c556958b200
    entity_id: f87f671cfcb54de5ea2bc4adfad7ad13
    domain: binary_sensor
    trigger: device
conditions: []
actions:
  - action: camera.snapshot
    metadata: {}
    data:
      filename: /config/www/tmp/snapshot-doorbell.jpg
    target:
      entity_id: camera.reolink_video_doorbell_wifi_clear_2
  - action: google_generative_ai_conversation.generate_content
    metadata: {}
    data:
      image_filename: /config/www/tmp/snapshot-doorbell.jpg
      prompt: >-
        Tell me what is in the image in 1 to 2 sentences. If you see a person,
        describe the person  and what, if anything, they are carrying. 
    response_variable: response
  - action: notify.mobile_app_travis_phone
    data:
      message: |
        {{ response.text }}
      title: Front Door Motion Detected
      data:
        image: /local/tmp/snapshot-doorbell.jpg
        entity_id: camera.reolink_video_doorbell_wifi_clear_2
        actions:
          - action: URI
            title: Reolink App
            uri: app://com.mcu.reolink
mode: single
2

Send the response into a text helper. You could display the entity below the snap shot.

3

Thanks. Such a simple solution. I got the info to load on the dashboard using an entity card but I cannot get the full text to show. Here is the code that I added.

type: entities
entities:
  - entity: input_text.response
card_mod:
  style: |
    ha-card {
      --entities-secondary-line-height: normal;
      --secondary-text-color: var(--primary-text-color);
      white-space: pre-wrap;
      max-width: 500px; # Or set a width: 100%;
    }
4

image
image527×193 3.54 KB

5

There is a muti line card, it’s a little old but I think it works.

https://github.com/faeibson/lovelace-multiline-text-input-card

6

Thanks. I’ll check it out