Use a segment to minimize CB

src/main.ts

@@ -56,7 +56,7 @@ function allowsChild(parent, child) {
     const { type } = child;
     switch (parent?.type) {
         case undefined:
-            return type === "start" || type === "account-setup" || type === "timeline";
+            return type === "start" || type === "account-setup" || type === "timeline" || type === "minimize";
         default:
             return false;
     }

src/ui/views/AccountSetupView.ts

@@ -36,7 +36,7 @@ class PolicyAgreementView extends TemplateView<AccountSetupViewModel> {
             t.div({ className: "PolicyAgreementView_btn-collection" },
                 [
                     t.button({ onClick: () => vm.completeRegistration(), className: "PolicyAgreementView_next", }, "Accept and continue to chat"),
-                    t.button({ onClick: () => (window as any).sendMinimizeToParent(), className: "button-action PolicyAgreementView_cancel", }, "Cancel"),
+                    t.button({ onClick: () => vm.minimize(), className: "button-action PolicyAgreementView_cancel", }, "Cancel"),
                 ]),
         ]);
     }

src/viewmodels/AccountSetupViewModel.ts

@@ -97,6 +97,11 @@ export class AccountSetupViewModel extends ViewModel {
         }
     }
 
+    minimize(): void {
+        (window as any).sendMinimizeToParent();
+        this.navigation.push("minimize");
+    }
+
     private get _homeserver(): string {
         return this._config.homeserver;
     }

src/viewmodels/ChatterboxViewModel.ts

@@ -13,13 +13,11 @@ function createCustomTileClassForEntry(ownUserId: string) {
 export class ChatterboxViewModel extends ViewModel {
     private _roomViewModel?: typeof RoomViewModel;
     private _loginPromise: Promise<void>;
-    private _minimize: () => void;
 
     constructor(options) {
         super(options);
         this._client = options.client;
         this._loginPromise = options.loginPromise;
-        this._minimize = options.minimize;
     }
 
     async load() {
@@ -102,7 +100,7 @@ export class ChatterboxViewModel extends ViewModel {
 
     minimize() {
         (window as any).sendMinimizeToParent();
-        this._minimize();
+        this.navigation.push("minimize");
     }
 
     get timelineViewModel() {

src/viewmodels/RootViewModel.ts

@@ -23,21 +23,27 @@ export class RootViewModel extends ViewModel {
         this._config = config;
         this._client = new Client(this.platform);
         this._setupNavigation();
-        this._messageFromParent.on("maximize", () => this._showTimeline(Promise.resolve()));
+        this._messageFromParent.on("maximize", () => this.start());
         // Chatterbox can be minimized via the start button on the parent page!
-        this._messageFromParent.on("minimize", () => this.minimizeChatterbox());
+        this._messageFromParent.on("minimize", () => this.navigation.push("minimize"));
     }
 
     private _setupNavigation() {
         this.navigation.observe("account-setup").subscribe(() => this._showAccountSetup());
         this.navigation.observe("timeline").subscribe((loginPromise) => this._showTimeline(loginPromise));
+        this.navigation.observe("minimize").subscribe(() => this.minimizeChatterbox());
     }
 
     async start() {
         const sessionAlreadyExists = await this.attemptStartWithExistingSession();
         if (sessionAlreadyExists) {
-            this._watchNotificationCount();
+            if (!this._isWatchingNotificationCount) {
+                this._watchNotificationCount();
+            }
             if (this._startMinimized) {
+                // when CB is maximized, this function is run again
+                // don't start in minimized state then
+                this._startMinimized = false;
                 return;
             }
             this.navigation.push("timeline");
@@ -55,7 +61,6 @@ export class RootViewModel extends ViewModel {
                     config: this._config,
                     state: this._state,
                     loginPromise,
-                    minimize: () => this.minimizeChatterbox()
                 })
             ));
             await this._chatterBoxViewModel.load();
@@ -122,6 +127,7 @@ export class RootViewModel extends ViewModel {
     
     minimizeChatterbox() {
         this._chatterBoxViewModel = this.disposeTracked(this._chatterBoxViewModel);
+        this._accountSetupViewModel = this.disposeTracked(this._chatterBoxViewModel);
         this._activeSection = "";
         this.emitChange("chatterboxViewModel");
     }