Changing the name of a widget

i really don’t understand why they must be the same and it doesn’t really change anything:

uid: widget_list_f7_repeaterTagFilter
props:
  parameters:
    - description: The title for the widget
      label: Title
      name: title
      required: false
      type: TEXT
    - description: prefix for items
      label: Tag
      name: tag
      required: true
      type: TEXT
    - context: item
      description: Item Filter
      label: Item
      name: dimmeritem
      required: true
      type: TEXT
  parameterGroups: []
timestamp: Nov 12, 2021, 11:55:26 AM
component: f7-card
config:
  style:
    noShadow: false
    border-radius: var(--f7-card-expandable-border-radius)
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.1)
    background-color: "=props.bgcolor ? props.bgcolor : ''"
    margin: 1px
  title: "=props.title ? props.title : 'set props!'"
slots:
  default:
    - component: oh-list
      config: {}
      slots:
        default:
          - component: oh-repeater
            config:
              fragment: true
              for: dimmeritem
              sourceType: itemsWithTags
              itemTags: tRS_EG
              filter: loop.dimmeritem.name.includes(props.dimmeritem)
            slots:
              default:
                - component: f7-row
                  config:
                    color: "=themeOptions.dark === 'dark' ? 'white' : 'black'"
                    class:
                      - display-flex
                    style:
                      align-items: center
                      padding: 2px 15px
                  slots:
                    default:
                      - component: f7-col
                        config:
                          style:
                            flex: 4
                            text-align: left
                            margin-top: 0px
                        slots:
                          default:
                            - component: Label
                              config:
                                text: =loop.dimmeritem.label
                                style:
                                  padding-top: 5px
                      - component: f7-col
                        config:
                          style:
                            flex: 1
                        slots:
                          default:
                            - component: oh-toggle
                              config:
                                item: =loop.dimmeritem.name + '_auto'
                                color: lightblue
                                style:
                                  padding-top: 2px
                      - component: f7-col
                        config:
                          style:
                            flex: 2
                            text-align: center
                        slots:
                          default:
                            - component: oh-link
                              config:
                                action: popup
                                popupOpen: ='.' + loop.dimmeritem.name + 'popUpRS'
                                style:
                                  margin-top: 10px
                              slots:
                                default:
                                  - component: f7-popup
                                    config:
                                      class: =loop.dimmeritem.name + 'popUpRS'
                                      swipeToClose: true
                                      style:
                                        --f7-popup-tablet-width: 60%
                                        --f7-popup-tablet-height: 129px
                                    slots:
                                      default:
                                        - component: widget:Popup_Rollershutter
                                          config:
                                            item: =loop.dimmeritem.name + '_lm'
                                            title: =loop.dimmeritem.label
                                            popupClass: ='.' + loop.dimmeritem.name + 'popUpRS'
                                  - component: oh-icon
                                    config:
                                      icon: "=(items[loop.dimmeritem.name + '_lm'].state > 89) ? 'blades_80_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 79) ? 'blades_80_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 69) ? 'blades_70_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 59) ? 'blades_60_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 49) ? 'blades_50_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 39) ? 'blades_40_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 29) ? 'blades_30_'  + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 19) ? 'blades_20_' + themeOptions.dark : (items[loop.dimmeritem.name + '_lm'].state > 9) ? 'blades_10_' : 'blades_00_' + themeOptions.dark "
                                      style:
                                        width: 20px
                                        align-items: center
                      - component: f7-col
                        config:
                          style:
                            flex: 1
                        slots:
                          default:
                            - component: oh-button
                              config:
                                iconF7: arrowtriangle_up
                                iconSize: 20
                                action: command
                                actionItem: =loop.dimmeritem.name
                                actionCommand: UP
                      - component: f7-col
                        config:
                          style:
                            flex: 1
                        slots:
                          default:
                            - component: oh-button
                              config:
                                iconF7: stop
                                iconSize: 20
                                action: command
                                actionItem: =loop.dimmeritem.name
                                actionCommand: STOP
                      - component: f7-col
                        config:
                          style:
                            flex: 1
                        slots:
                          default:
                            - component: oh-button
                              config:
                                iconF7: arrowtriangle_down
                                iconSize: 20
                                action: command
                                actionItem: =loop.dimmeritem.name
                                actionCommand: DOWN

loading behaviour / speed is unchanged.

Further to this, is there a way to override the name by placing it into the actual page item, rather than into the Widget configuration?

Ie label might be Island Light, but I’d rather just Island because its smaller and formats better on Phones.