sort boards alphabetically

dist/index.js

@@ -1465,14 +1465,9 @@
         boards.value.get(boardTitle)?.items.push(messageObject);
       });
     });
-    const converter = (board) => KanbanBoardView(chat, board, selectedObject, isShowingObjectModal);
+    const content = createProxyState([chat.objects], () => /* @__PURE__ */ createElement("div", { class: "flex-row large-gap width-100 height-100 scroll-v scroll-h padding" }, ...[...boards.value.values()].sort((a, b) => a.title.localeCompare(b.title)).map(
-    const content = createProxyState([chat.objects], () => /* @__PURE__ */ createElement(
+      (board) => KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
-      "div",
+    )));
-      {
-        class: "flex-row large-gap width-100 height-100 scroll-v scroll-h padding",
-        "children:append": [boards, converter]
-      }
-    ));
     return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-no", "children:set": content });
   }
   function KanbanBoardView(chat, kanbanBoard, selectedObject, isShowingObjectModal) {

src/Views/Objects/kanbanView.tsx

@@ -33,14 +33,14 @@ export function KanbanView(
     });
   });
 
-  const converter: React.StateItemConverter<KanbanBoard> = (board) =>
-    KanbanBoardView(chat, board, selectedObject, isShowingObjectModal);
-
   const content = React.createProxyState([chat.objects], () => (
-    <div
+    <div class="flex-row large-gap width-100 height-100 scroll-v scroll-h padding">
-      class="flex-row large-gap width-100 height-100 scroll-v scroll-h padding"
+      {...[...boards.value.values()]
-      children:append={[boards, converter]}
+        .sort((a, b) => a.title.localeCompare(b.title))
-    ></div>
+        .map((board) =>
+          KanbanBoardView(chat, board, selectedObject, isShowingObjectModal)
+        )}
+    </div>
   ));
 
   return (