consider board ids for selection

dist/index.js

@@ -1438,8 +1438,8 @@
       this.boardInfo = boardInfo;
       this.loadListRelevantData();
       this.isSelected = createProxyState(
-        [this.taskPageViewModel.selectedBoard],
+        [this.taskPageViewModel.selectedBoardId],
-        () => this.taskPageViewModel.selectedBoard.value == this
+        () => this.taskPageViewModel.selectedBoardId.value == this.boardInfo.fileId
       );
       this.color.subscribeSilent((newColor) => {
         this.applyColor(newColor);
@@ -1455,7 +1455,7 @@
     // state
     newBoardNameInput = new State("");
     boardViewModels = new MapState();
-    selectedBoard = new State(void 0);
+    selectedBoardId = new State(void 0);
     // guards
     cannotCreateBoard = createProxyState(
       [this.newBoardNameInput],
@@ -1483,11 +1483,11 @@
       this.boardViewModels.set(boardInfo.fileId, boardViewModel);
     };
     selectBoard = (boardViewModel) => {
-      this.selectedBoard.value = boardViewModel;
+      this.selectedBoardId.value = boardViewModel.boardInfo.fileId;
       this.chatViewModel.displayedColor.value = boardViewModel.color.value;
     };
     closeBoard = () => {
-      this.selectedBoard.value = void 0;
+      this.selectedBoardId.value = void 0;
       this.chatViewModel.resetColor();
     };
     // load
@@ -1766,6 +1766,7 @@
         createBoardButtonAudioLabel: "create board",
         ///
         noBoardSelected: "No board selected",
+        boardNotFound: "Board not found",
         ///
         closeBoard: "close board",
         showBoardSettingsButtonAudioLabel: "show board settigns",
@@ -2085,16 +2086,17 @@
   function TaskPage(taskPageViewModel) {
     taskPageViewModel.loadData();
     const paneContent = createProxyState(
-      [taskPageViewModel.selectedBoard],
+      [taskPageViewModel.selectedBoardId],
       () => {
-        const selectedBoard = taskPageViewModel.selectedBoard.value;
+        const selectedBoardId = taskPageViewModel.selectedBoardId.value;
-        if (selectedBoard == void 0) {
+        if (selectedBoardId == void 0) {
-          return [
+          return /* @__PURE__ */ createElement("div", { class: "pane align-center justify-center" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, translations.chatPage.task.noBoardSelected));
-            /* @__PURE__ */ createElement("div", { class: "pane align-center justify-center" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, translations.chatPage.task.noBoardSelected))
-          ];
-        } else {
-          return BoardPage(selectedBoard);
         }
+        const selectedBoard = taskPageViewModel.boardViewModels.value.get(selectedBoardId);
+        if (selectedBoard == void 0) {
+          return /* @__PURE__ */ createElement("div", { class: "pane align-center justify-center" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, translations.chatPage.task.boardNotFound));
+        }
+        return BoardPage(selectedBoard);
       }
     );
     const listPaneWrapper = /* @__PURE__ */ createElement("div", { class: "pane-wrapper side" }, /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
@@ -2125,8 +2127,8 @@
       }
     ))));
     const mainPageWrapper = /* @__PURE__ */ createElement("div", { class: "pane-wrapper", "children:set": paneContent });
-    bulkSubscribe([taskPageViewModel.selectedBoard], () => {
+    bulkSubscribe([taskPageViewModel.selectedBoardId], () => {
-      const selectedBoard = taskPageViewModel.selectedBoard.value;
+      const selectedBoard = taskPageViewModel.selectedBoardId.value;
       if (selectedBoard == void 0) {
         listPaneWrapper.scrollIntoView();
       } else {

src/View/ChatPages/taskPage.tsx

@@ -9,20 +9,31 @@ export function TaskPage(taskPageViewModel: TaskPageViewModel) {
   taskPageViewModel.loadData();
 
   const paneContent = React.createProxyState(
-    [taskPageViewModel.selectedBoard],
+    [taskPageViewModel.selectedBoardId],
     () => {
-      const selectedBoard = taskPageViewModel.selectedBoard.value;
+      const selectedBoardId = taskPageViewModel.selectedBoardId.value;
-      if (selectedBoard == undefined) {
+      if (selectedBoardId == undefined) {
-        return [
+        return (
           <div class="pane align-center justify-center">
             <span class="secondary">
               {translations.chatPage.task.noBoardSelected}
             </span>
-          </div>,
+          </div>
-        ];
+        );
-      } else {
-        return BoardPage(selectedBoard);
       }
+      const selectedBoard =
+        taskPageViewModel.boardViewModels.value.get(selectedBoardId);
+      if (selectedBoard == undefined) {
+        return (
+          <div class="pane align-center justify-center">
+            <span class="secondary">
+              {translations.chatPage.task.boardNotFound}
+            </span>
+          </div>
+        );
+      }
+
+      return BoardPage(selectedBoard);
     }
   );
 
@@ -66,8 +77,8 @@ export function TaskPage(taskPageViewModel: TaskPageViewModel) {
     <div class="pane-wrapper" children:set={paneContent}></div>
   );
 
-  React.bulkSubscribe([taskPageViewModel.selectedBoard], () => {
+  React.bulkSubscribe([taskPageViewModel.selectedBoardId], () => {
-    const selectedBoard = taskPageViewModel.selectedBoard.value;
+    const selectedBoard = taskPageViewModel.selectedBoardId.value;
     if (selectedBoard == undefined) {
       listPaneWrapper.scrollIntoView();
     } else {

src/View/translations.ts

@@ -134,6 +134,7 @@ const englishTranslations = {
       ///
       
       noBoardSelected: "No board selected",
+      boardNotFound: "Board not found",
 
       ///
 

src/ViewModel/Pages/boardViewModel.ts

@@ -69,8 +69,9 @@ export default class BoardViewModel {
     this.loadListRelevantData();
 
     this.isSelected = React.createProxyState(
-      [this.taskPageViewModel.selectedBoard],
+      [this.taskPageViewModel.selectedBoardId],
-      () => this.taskPageViewModel.selectedBoard.value == this
+      () =>
+        this.taskPageViewModel.selectedBoardId.value == this.boardInfo.fileId
     );
 
     this.color.subscribeSilent((newColor) => {

src/ViewModel/Pages/taskPageViewModel.ts

@@ -22,8 +22,8 @@ export default class TaskPageViewModel {
 
   boardViewModels: React.MapState<BoardViewModel> = new React.MapState();
 
-  selectedBoard: React.State<BoardViewModel | undefined> = new React.State<
+  selectedBoardId: React.State<string | undefined> = new React.State<
-    BoardViewModel | undefined
+    string | undefined
   >(undefined);
 
   // guards
@@ -64,12 +64,12 @@ export default class TaskPageViewModel {
   };
 
   selectBoard = (boardViewModel: BoardViewModel): void => {
-    this.selectedBoard.value = boardViewModel;
+    this.selectedBoardId.value = boardViewModel.boardInfo.fileId;
     this.chatViewModel.displayedColor.value = boardViewModel.color.value;
   };
 
   closeBoard = (): void => {
-    this.selectedBoard.value = undefined;
+    this.selectedBoardId.value = undefined;
     this.chatViewModel.resetColor();
   };