Dashboard: New layouts feature toggle and basic skeleton for a responsive grid layout (#94805)

* Wip

* Update

* Fix adding new panels

* reuse fromVizPanels

* Fixes

* Update

* Update

* Update

* Fixes

* Update

pkg/services/featuremgmt/registry.go

@@ -913,6 +913,13 @@ var (
 			Owner:        grafanaDashboardsSquad,
 			Expression:   "true", // enabled by default
 		},
+		{
+			Name:         "dashboardNewLayouts",
+			Description:  "Enables experimental new dashboard layouts",
+			Stage:        FeatureStageExperimental,
+			FrontendOnly: true,
+			Owner:        grafanaDashboardsSquad,
+		},
 		{
 			Name:         "panelFilterVariable",
 			Description:  "Enables use of the `systemPanelFilterVar` variable to filter panels in a dashboard",

pkg/services/featuremgmt/toggles_gen.csv

@@ -121,6 +121,7 @@ extractFieldsNameDeduplication,experimental,@grafana/dataviz-squad,false,false,t
 dashboardSceneForViewers,GA,@grafana/dashboards-squad,false,false,true
 dashboardSceneSolo,GA,@grafana/dashboards-squad,false,false,true
 dashboardScene,GA,@grafana/dashboards-squad,false,false,true
+dashboardNewLayouts,experimental,@grafana/dashboards-squad,false,false,true
 panelFilterVariable,experimental,@grafana/dashboards-squad,false,false,true
 pdfTables,preview,@grafana/sharing-squad,false,false,false
 ssoSettingsApi,GA,@grafana/identity-access-team,false,false,false

pkg/services/featuremgmt/toggles_gen.go

@@ -495,6 +495,10 @@ const (
 	// Enables dashboard rendering using scenes for all roles
 	FlagDashboardScene = "dashboardScene"
 
+	// FlagDashboardNewLayouts
+	// Enables experimental new dashboard layouts
+	FlagDashboardNewLayouts = "dashboardNewLayouts"
+
 	// FlagPanelFilterVariable
 	// Enables use of the `systemPanelFilterVar` variable to filter panels in a dashboard
 	FlagPanelFilterVariable = "panelFilterVariable"

pkg/services/featuremgmt/toggles_gen.json

@@ -820,6 +820,22 @@
         "expression": "true"
       }
     },
+    {
+      "metadata": {
+        "name": "dashboardNewLayouts",
+        "resourceVersion": "1729671312626",
+        "creationTimestamp": "2024-10-16T08:44:05Z",
+        "annotations": {
+          "grafana.app/updatedTimestamp": "2024-10-23 08:15:12.626632 +0000 UTC"
+        }
+      },
+      "spec": {
+        "description": "Enables experimental new dashboard layouts",
+        "stage": "experimental",
+        "codeowner": "@grafana/dashboards-squad",
+        "frontend": true
+      }
+    },
     {
       "metadata": {
         "name": "dashboardRestore",
@@ -857,10 +873,10 @@
     {
       "metadata": {
         "name": "dashboardScene",
-        "resourceVersion": "1727354524763",
+        "resourceVersion": "1729671397794",
         "creationTimestamp": "2023-11-13T08:51:21Z",
         "annotations": {
-          "grafana.app/updatedTimestamp": "2024-09-26 12:42:04.763233 +0000 UTC"
+          "grafana.app/updatedTimestamp": "2024-10-23 08:16:37.794144 +0000 UTC"
         }
       },
       "spec": {