Update widget tile if the url should change

src/components/views/elements/AppTile.tsx

@@ -365,6 +365,7 @@ export default class AppTile extends React.Component<IProps, IState> {
         this.sgWidget?.on("error:preparing", this.updateRequiresClient);
         // emits when the capabilities have been set up or changed
         this.sgWidget?.on("capabilitiesNotified", this.updateRequiresClient);
+        this.sgWidget?.on("urlChanged", this.updateWidgetUrl);
     }
 
     private stopSgListeners(): void {
@@ -374,6 +375,7 @@ export default class AppTile extends React.Component<IProps, IState> {
         this.sgWidget?.off("ready", this.onWidgetReady);
         this.sgWidget.off("error:preparing", this.updateRequiresClient);
         this.sgWidget.off("capabilitiesNotified", this.updateRequiresClient);
+        this.sgWidget?.off("urlChanged", this.updateWidgetUrl);
     }
 
     private resetWidget(newProps: IProps): void {
@@ -479,6 +481,12 @@ export default class AppTile extends React.Component<IProps, IState> {
         // A new action should be introduced and the widget driver should be called here, so it informs the widget. (or connect to this by itself)
     };
 
+    private updateWidgetUrl = (): void => {
+        this.setState({
+            widgetUrl: this.sgWidget?.embedUrl,
+        });
+    };
+
     private onAction = (payload: ActionPayload): void => {
         switch (payload.action) {
             case "m.sticker":

src/stores/widgets/StopGapWidget.ts

@@ -445,6 +445,8 @@ export class StopGapWidget extends EventEmitter {
                     if (defaultManager && WidgetUtils.isScalarUrl(defaultManager.apiUrl)) {
                         const scalar = defaultManager.getScalarClient();
                         this.scalarToken = await scalar.getScalarToken();
+                        // The URL will have changed as a result of this.
+                        this.emit('urlChanged');
                     }
                 }
             }