LibraryPanel: panels in a collapsed row do not update

[VictorColomb]

What happened:

Any library panel placed inside of a collapsed row is hardcoded, version number included, into the dashboard JSON.

dashboard.panels JSON extract

"panels": [
    {
        "collapsed": true,
        "gridPos": {
            "h": 1,
            "w": 24,
            "x": 0,
            "y": 0
        },
        "id": 4,
        "panels": [
            {
                "datasource": {...},
                "description": "",
                "fieldConfig": {...},
                "gridPos": {
                    "h": 9,
                    "w": 12,
                    "x": 0,
                    "y": 1
                },
                "id": 2,
                "libraryPanel": {
                    "description": "",
                    "folderId": 0,
                    "folderUid": "",
                    "id": 1,
                    "kind": 1,
                    "meta": {...},
                    "model": {...},
                    "name": "Example Panel Title",
                    "orgId": 1,
                    "type": "timeseries",
                    "uid": "yo85SNEVk",
                    "version": 1
                },
                "options": {...},
                "targets": [...],
                "title": "Panel Title",
                "type": "timeseries"
            }
        ],
        "title": "Row title",
        "type": "row"
    }
]

Consequences are that if the library panel is updated from another dashboard, the old version of the library panel is displayed when the row is expanded.

What you expected to happen:

A library panel saved in a collapsed row should behave the same as any library panel. Among other things, it should display the latest version of the library panel.

dashboard.panels JSON as it should have been saved

"panels": [
    {
        "collapsed": true,
        "gridPos": {
            "h": 1,
            "w": 24,
            "x": 0,
            "y": 0
        },
        "id": 4,
        "panels": [
            {
                "gridPos": {
                    "h": 9,
                    "w": 12,
                    "x": 0,
                    "y": 1
                },
                "id": 2,
                "libraryPanel": {
                    "name": "Example Panel Title",
                    "uid": "yo85SNEVk"
                },
                "title": "Panel Title"
            }
        ],
        "title": "Row title",
        "type": "row"
    }
]

How to reproduce it (as minimally and precisely as possible):

• Create a first dashboard (let's call it dashboard A)

  • Create a library panel in dashboard A
  • Save dashboard A

• Create a second dashboard (let's call it dashboard B)

  • Create a row in dashboard B
  • Add the library panel in dashboard B
  • Collapse the row, making sure the library panel is inside the collapsed row
  • Save dashboard B

• From dashboard A, update the library panel (e.g. change the title) and save it

• Go to dashboard B, expand the row. The library panel will not have updated... 💥

Environment:

• Grafana version: v9.4.7 (4add91f)
• Data source type & version: N/A
• OS Grafana is installed on: Ubuntu 22.04.2 (WSL2 on Windows 11 build 22621.1555)
• User OS & Browser: Windows 11 build 22621.1555 & MS Edge 112.0.1722.48
• Grafana plugins: None
• Others: