From 46317072769a8def809b0cb27873460883313d47 Mon Sep 17 00:00:00 2001
From: Juan Cabanas <juan.cabanas@grafana.com>
Date: Mon, 6 Jan 2025 10:13:11 -0300
Subject: [PATCH] EmbedPanel: Add url sync and fix refresh (#98390)

---
 .../dashboard-scene/solo/SoloPanelPage.tsx         | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard-scene/solo/SoloPanelPage.tsx b/public/app/features/dashboard-scene/solo/SoloPanelPage.tsx
index 6747828b974..2e09b8db0f1 100644
--- a/public/app/features/dashboard-scene/solo/SoloPanelPage.tsx
+++ b/public/app/features/dashboard-scene/solo/SoloPanelPage.tsx
@@ -4,6 +4,7 @@ import { useEffect } from 'react';
 import { useParams } from 'react-router-dom-v5-compat';
 
 import { GrafanaTheme2 } from '@grafana/data';
+import { UrlSyncContextProvider } from '@grafana/scenes';
 import { Alert, Spinner, useStyles2 } from '@grafana/ui';
 import PageLoader from 'app/core/components/PageLoader/PageLoader';
 import { EntityNotFound } from 'app/core/components/PageNotFound/EntityNotFound';
@@ -39,15 +40,26 @@ export function SoloPanelPage({ queryParams }: Props) {
     return <PageLoader />;
   }
 
-  return <SoloPanelRenderer dashboard={dashboard} panelId={queryParams.panelId} />;
+  return (
+    <UrlSyncContextProvider scene={dashboard}>
+      <SoloPanelRenderer dashboard={dashboard} panelId={queryParams.panelId} />
+    </UrlSyncContextProvider>
+  );
 }
 
 export default SoloPanelPage;
 
 export function SoloPanelRenderer({ dashboard, panelId }: { dashboard: DashboardScene; panelId: string }) {
   const [panel, error] = useSoloPanel(dashboard, panelId);
+  const { controls } = dashboard.useState();
+  const refreshPicker = controls?.useState()?.refreshPicker;
+
   const styles = useStyles2(getStyles);
 
+  useEffect(() => {
+    return refreshPicker?.activate();
+  }, [refreshPicker]);
+
   if (error) {
     return <Alert title={error} />;
   }