From d247edd87055b21305c9c96ef11e9be82fd21ec8 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:02:53 +0200
Subject: [PATCH 01/16] feat(mobile/split): add split container to layout

---
 apps/client/src/layouts/mobile_layout.tsx | 57 ++++++++++++-----------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/apps/client/src/layouts/mobile_layout.tsx b/apps/client/src/layouts/mobile_layout.tsx
index 7a177d23b..0c2b3e7ea 100644
--- a/apps/client/src/layouts/mobile_layout.tsx
+++ b/apps/client/src/layouts/mobile_layout.tsx
@@ -29,6 +29,7 @@ import type AppContext from "../components/app_context.js";
 import NoteDetail from "../widgets/NoteDetail.jsx";
 import MobileEditorToolbar from "../widgets/type_widgets/text/mobile_editor_toolbar.jsx";
 import PromotedAttributes from "../widgets/PromotedAttributes.jsx";
+import SplitNoteContainer from "../widgets/containers/split_note_container.js";
 
 const MOBILE_CSS = `
 <style>
@@ -142,33 +143,35 @@ export default class MobileLayout {
                             .id("detail-container")
                             .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-9")
                             .child(
-                                new NoteWrapperWidget()
-                                    .child(
-                                        new FlexContainer("row")
-                                            .contentSized()
-                                            .css("font-size", "larger")
-                                            .css("align-items", "center")
-                                            .child(<ToggleSidebarButton />)
-                                            .child(<NoteTitleWidget />)
-                                            .child(<MobileDetailMenu />)
-                                    )
-                                    .child(<FloatingButtons items={MOBILE_FLOATING_BUTTONS} />)
-                                    .child(<PromotedAttributes />)
-                                    .child(
-                                        new ScrollingContainer()
-                                            .filling()
-                                            .contentSized()
-                                            .child(new ContentHeader()
-                                                .child(<ReadOnlyNoteInfoBar />)
-                                                .child(<SharedInfoWidget />)
-                                            )
-                                            .child(<NoteDetail />)
-                                            .child(<NoteList media="screen" />)
-                                            .child(<StandaloneRibbonAdapter component={SearchDefinitionTab} />)
-                                            .child(<SearchResult />)
-                                            .child(<FilePropertiesWrapper />)
-                                    )
-                                    .child(<MobileEditorToolbar />)
+                                new SplitNoteContainer(() =>
+                                    new NoteWrapperWidget()
+                                        .child(
+                                            new FlexContainer("row")
+                                                .contentSized()
+                                                .css("font-size", "larger")
+                                                .css("align-items", "center")
+                                                .child(<ToggleSidebarButton />)
+                                                .child(<NoteTitleWidget />)
+                                                .child(<MobileDetailMenu />)
+                                        )
+                                        .child(<FloatingButtons items={MOBILE_FLOATING_BUTTONS} />)
+                                        .child(<PromotedAttributes />)
+                                        .child(
+                                            new ScrollingContainer()
+                                                .filling()
+                                                .contentSized()
+                                                .child(new ContentHeader()
+                                                    .child(<ReadOnlyNoteInfoBar />)
+                                                    .child(<SharedInfoWidget />)
+                                                )
+                                                .child(<NoteDetail />)
+                                                .child(<NoteList media="screen" />)
+                                                .child(<StandaloneRibbonAdapter component={SearchDefinitionTab} />)
+                                                .child(<SearchResult />)
+                                                .child(<FilePropertiesWrapper />)
+                                        )
+                                        .child(<MobileEditorToolbar />)
+                                )
                             )
                     )
             )

From fd99246c491b4cd523c4f83cbe24dffe644b0603 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:04:13 +0200
Subject: [PATCH 02/16] feat(mobile/split): add an option to create new split

---
 .../widgets/mobile_widgets/mobile_detail_menu.tsx    | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index 255ac8c99..4f03b201c 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -1,5 +1,5 @@
 import { useContext } from "preact/hooks";
-import appContext from "../../components/app_context";
+import appContext, { CommandMappings } from "../../components/app_context";
 import contextMenu from "../../menus/context_menu";
 import branches from "../../services/branches";
 import { t } from "../../services/i18n";
@@ -7,6 +7,7 @@ import note_create from "../../services/note_create";
 import tree from "../../services/tree";
 import ActionButton from "../react/ActionButton";
 import { ParentComponent } from "../react/react_utils";
+import BasicWidget from "../basic_widget";
 
 export default function MobileDetailMenu() {
     const parentComponent = useContext(ParentComponent);
@@ -18,14 +19,16 @@ export default function MobileDetailMenu() {
             onClick={(e) => {
                 const note = appContext.tabManager.getActiveContextNote();
 
-                contextMenu.show<"insertChildNote" | "delete" | "showRevisions">({
+                contextMenu.show<keyof CommandMappings>({
                     x: e.pageX,
                     y: e.pageY,
                     items: [
                         { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
                         { title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
                         { kind: "separator" },
-                        { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" }
+                        { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" },
+                        { kind: "separator" },
+                        { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" }
                     ],
                     selectMenuItemHandler: async ({ command }) => {
                         if (command === "insertChildNote") {
@@ -46,7 +49,8 @@ export default function MobileDetailMenu() {
                                 parentComponent.triggerCommand("setActiveScreen", { screen: "tree" });
                             }
                         } else if (command && parentComponent) {
-                            parentComponent.triggerCommand(command);
+                            const ntxId = (parentComponent as BasicWidget).getClosestNtxId();
+                            parentComponent.triggerCommand(command, { ntxId });
                         }
                     },
                     forcePositionOnMobile: true

From e0c0a423c1ccda5a93dce489d78b2db3100bf2f1 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:04:22 +0200
Subject: [PATCH 03/16] feat(mobile/split): layout vertically on mobile

---
 apps/client/src/stylesheets/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index e3372b4af..5db21a7e2 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2624,4 +2624,12 @@ iframe.print-iframe {
     position: relative;
     flex-grow: 1;
     width: 100%;
+}
+
+body.mobile .split-note-container-widget {
+    flex-direction: column !important;
+
+    .note-split {
+        width: 100%;
+    }
 }
\ No newline at end of file

From e3a2623a5359a468c5b025744c80db2abab6f1f6 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:06:11 +0200
Subject: [PATCH 04/16] feat(mobile/split): layout horizontally on tablet

---
 apps/client/src/stylesheets/style.css                | 12 +++++++-----
 .../widgets/mobile_widgets/mobile_detail_menu.tsx    |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 5db21a7e2..e875d8b26 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2626,10 +2626,12 @@ iframe.print-iframe {
     width: 100%;
 }
 
-body.mobile .split-note-container-widget {
-    flex-direction: column !important;
-
-    .note-split {
-        width: 100%;
+@media (max-width: 991px) {
+    body.mobile .split-note-container-widget {
+        flex-direction: column !important;
+        
+        .note-split {
+            width: 100%;
+        }
     }
 }
\ No newline at end of file
diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index 4f03b201c..79ac24aac 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -28,7 +28,7 @@ export default function MobileDetailMenu() {
                         { kind: "separator" },
                         { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" },
                         { kind: "separator" },
-                        { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" }
+                        { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" },
                     ],
                     selectMenuItemHandler: async ({ command }) => {
                         if (command === "insertChildNote") {

From 2cf6fe435247f1a4d6effa2a9bfde064701d56cc Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:11:16 +0200
Subject: [PATCH 05/16] feat(mobile/split): option to close split

---
 .../mobile_widgets/mobile_detail_menu.tsx     | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index 79ac24aac..8859f7b3d 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -1,6 +1,6 @@
 import { useContext } from "preact/hooks";
 import appContext, { CommandMappings } from "../../components/app_context";
-import contextMenu from "../../menus/context_menu";
+import contextMenu, { MenuItem } from "../../menus/context_menu";
 import branches from "../../services/branches";
 import { t } from "../../services/i18n";
 import note_create from "../../services/note_create";
@@ -18,18 +18,22 @@ export default function MobileDetailMenu() {
             text=""
             onClick={(e) => {
                 const note = appContext.tabManager.getActiveContextNote();
+                const noteContext = appContext.tabManager.getActiveContext();
+
+                const items: (MenuItem<keyof CommandMappings> | false)[] = [
+                    { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
+                    { title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
+                    { kind: "separator" },
+                    { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" },
+                    { kind: "separator" },
+                    { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" },
+                    !noteContext?.isMainContext() && { title: t("close_pane_button.close_this_pane"), command: "closeThisNoteSplit", uiIcon: "bx bx-x" }
+                ];
 
                 contextMenu.show<keyof CommandMappings>({
                     x: e.pageX,
                     y: e.pageY,
-                    items: [
-                        { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
-                        { title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
-                        { kind: "separator" },
-                        { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" },
-                        { kind: "separator" },
-                        { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" },
-                    ],
+                    items: items.filter(i => !!i),
                     selectMenuItemHandler: async ({ command }) => {
                         if (command === "insertChildNote") {
                             note_create.createNote(appContext.tabManager.getActiveContextNotePath() ?? undefined);

From fcb69c0190236478b54d36c4ea5c6da248fda4c2 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:12:55 +0200
Subject: [PATCH 06/16] fix(mobile/split): errors due to split

---
 apps/client/src/widgets/containers/split_note_container.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/containers/split_note_container.ts b/apps/client/src/widgets/containers/split_note_container.ts
index 9754bbd6b..d50fcab1e 100644
--- a/apps/client/src/widgets/containers/split_note_container.ts
+++ b/apps/client/src/widgets/containers/split_note_container.ts
@@ -3,6 +3,7 @@ import appContext, { type CommandData, type CommandListenerData, type EventData,
 import type BasicWidget from "../basic_widget.js";
 import Component from "../../components/component.js";
 import splitService from "../../services/resizer.js";
+import { isMobile } from "../../services/utils.js";
 
 interface SplitNoteWidget extends BasicWidget {
     hasBeenAlreadyShown?: boolean;
@@ -49,7 +50,7 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
 
         this.child(widget);
 
-        if (noteContext.mainNtxId && noteContext.ntxId) {
+        if (noteContext.mainNtxId && noteContext.ntxId && !isMobile()) {
             splitService.setupNoteSplitResizer([noteContext.mainNtxId,noteContext.ntxId]);
         }
     }

From 91ae8c0aafb73b79afb171e6bc78fee31d35f88c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:14:03 +0200
Subject: [PATCH 07/16] feat(mobile/split): add a border between splits

---
 apps/client/src/stylesheets/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index e875d8b26..68f5b03e7 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2633,5 +2633,9 @@ iframe.print-iframe {
         .note-split {
             width: 100%;
         }
+
+        .note-split.visible + .note-split.visible {
+            border-top: 1px solid var(--main-border-color);
+        }
     }
 }
\ No newline at end of file

From 6ab05fdb7618dee7bf9d0c3fb1171b18dc6d5f53 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:17:03 +0200
Subject: [PATCH 08/16] chore(mobile/split): improve obtaining of the note
 context

---
 .../src/widgets/mobile_widgets/mobile_detail_menu.tsx     | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index 8859f7b3d..e1fa23cc1 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -17,8 +17,11 @@ export default function MobileDetailMenu() {
             icon="bx bx-dots-vertical-rounded"
             text=""
             onClick={(e) => {
-                const note = appContext.tabManager.getActiveContextNote();
-                const noteContext = appContext.tabManager.getActiveContext();
+                const ntxId = (parentComponent as BasicWidget).getClosestNtxId();
+                if (!ntxId) return;
+
+                const noteContext = appContext.tabManager.getNoteContextById(ntxId);
+                const note = noteContext.note;
 
                 const items: (MenuItem<keyof CommandMappings> | false)[] = [
                     { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
@@ -53,7 +56,6 @@ export default function MobileDetailMenu() {
                                 parentComponent.triggerCommand("setActiveScreen", { screen: "tree" });
                             }
                         } else if (command && parentComponent) {
-                            const ntxId = (parentComponent as BasicWidget).getClosestNtxId();
                             parentComponent.triggerCommand(command, { ntxId });
                         }
                     },

From 1d1639e5e147dd5b80e286357ac8c0c6dd785d62 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 29 Nov 2025 21:27:27 +0200
Subject: [PATCH 09/16] feat(mobile/split): limit to maximum two splits per tab

---
 .../src/widgets/containers/split_note_container.ts  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/containers/split_note_container.ts b/apps/client/src/widgets/containers/split_note_container.ts
index d50fcab1e..fbb7fd31f 100644
--- a/apps/client/src/widgets/containers/split_note_container.ts
+++ b/apps/client/src/widgets/containers/split_note_container.ts
@@ -4,6 +4,7 @@ import type BasicWidget from "../basic_widget.js";
 import Component from "../../components/component.js";
 import splitService from "../../services/resizer.js";
 import { isMobile } from "../../services/utils.js";
+import NoteContext from "../../components/note_context.js";
 
 interface SplitNoteWidget extends BasicWidget {
     hasBeenAlreadyShown?: boolean;
@@ -56,7 +57,8 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
     }
 
     async openNewNoteSplitEvent({ ntxId, notePath, hoistedNoteId, viewScope }: EventData<"openNewNoteSplit">) {
-        const mainNtxId = appContext.tabManager.getActiveMainContext()?.ntxId;
+        const activeContext = appContext.tabManager.getActiveMainContext();
+        const mainNtxId = activeContext?.ntxId;
         if (!mainNtxId) {
             console.warn("Missing main note context ID");
             return;
@@ -70,7 +72,14 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
 
         hoistedNoteId = hoistedNoteId || appContext.tabManager.getActiveContext()?.hoistedNoteId;
 
-        const noteContext = await appContext.tabManager.openEmptyTab(null, hoistedNoteId, mainNtxId);
+
+        const subContexts = activeContext.getSubContexts();
+        let noteContext: NoteContext;
+        if (isMobile() && subContexts.length > 1) {
+            noteContext = subContexts.find(s => s.ntxId !== ntxId)!;
+        } else {
+            noteContext = await appContext.tabManager.openEmptyTab(null, hoistedNoteId, mainNtxId);
+        }
         if (!noteContext.ntxId) {
             logError("Failed to create new note context!");
             return;

From 99da145d65cc72182ad2b26328524f3ce3524c61 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 30 Nov 2025 23:32:29 +0200
Subject: [PATCH 10/16] fix(mobile/split): swapping between splits

---
 .../containers/split_note_container.ts        | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/client/src/widgets/containers/split_note_container.ts b/apps/client/src/widgets/containers/split_note_container.ts
index fbb7fd31f..d5a2b39e9 100644
--- a/apps/client/src/widgets/containers/split_note_container.ts
+++ b/apps/client/src/widgets/containers/split_note_container.ts
@@ -79,22 +79,22 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
             noteContext = subContexts.find(s => s.ntxId !== ntxId)!;
         } else {
             noteContext = await appContext.tabManager.openEmptyTab(null, hoistedNoteId, mainNtxId);
-        }
-        if (!noteContext.ntxId) {
-            logError("Failed to create new note context!");
-            return;
+            // remove the original position of newly created note context
+            const ntxIds = appContext.tabManager.children.map((c) => c.ntxId).filter((id) => id !== noteContext.ntxId) as string[];
+
+            // insert the note context after the originating note context
+            if (!noteContext.ntxId) {
+                logError("Failed to create new note context!");
+                return;
+            }
+            ntxIds.splice(ntxIds.indexOf(ntxId) + 1, 0, noteContext.ntxId);
+
+            this.triggerCommand("noteContextReorder", { ntxIdsInOrder: ntxIds });
+
+            // move the note context rendered widget after the originating widget
+            this.$widget.find(`[data-ntx-id="${noteContext.ntxId}"]`).insertAfter(this.$widget.find(`[data-ntx-id="${ntxId}"]`));
         }
 
-        // remove the original position of newly created note context
-        const ntxIds = appContext.tabManager.children.map((c) => c.ntxId).filter((id) => id !== noteContext.ntxId) as string[];
-
-        // insert the note context after the originating note context
-        ntxIds.splice(ntxIds.indexOf(ntxId) + 1, 0, noteContext.ntxId);
-
-        this.triggerCommand("noteContextReorder", { ntxIdsInOrder: ntxIds });
-
-        // move the note context rendered widget after the originating widget
-        this.$widget.find(`[data-ntx-id="${noteContext.ntxId}"]`).insertAfter(this.$widget.find(`[data-ntx-id="${ntxId}"]`));
 
         await appContext.tabManager.activateNoteContext(noteContext.ntxId);
 

From 309fbab2e621ef1f8f27e2e3063aa11a6d2f22ad Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 30 Nov 2025 23:34:37 +0200
Subject: [PATCH 11/16] feat(mobile/split): hide sidebar button for secondary
 item

---
 .../mobile_widgets/toggle_sidebar_button.tsx  | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.tsx b/apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.tsx
index d22f3df8c..8e689954b 100644
--- a/apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.tsx
+++ b/apps/client/src/widgets/mobile_widgets/toggle_sidebar_button.tsx
@@ -1,18 +1,19 @@
-import { useContext } from "preact/hooks";
 import ActionButton from "../react/ActionButton";
-import { ParentComponent } from "../react/react_utils";
 import { t } from "../../services/i18n";
+import { useNoteContext } from "../react/hooks";
 
 export default function ToggleSidebarButton() {
-    const parentComponent = useContext(ParentComponent);
+    const { noteContext, parentComponent } = useNoteContext();
 
     return (
-        <ActionButton
-            icon="bx bx-sidebar"
-            text={t("note_tree.toggle-sidebar")}
-            onClick={() => parentComponent?.triggerCommand("setActiveScreen", {
-                screen: "tree"                
-            })}
-        />
+        <div style={{ contain: "none", minWidth: 8 }}>
+            { noteContext?.isMainContext() && <ActionButton
+                icon="bx bx-sidebar"
+                text={t("note_tree.toggle-sidebar")}
+                onClick={() => parentComponent?.triggerCommand("setActiveScreen", {
+                    screen: "tree"
+                })}
+            />}
+        </div>
     )
 }

From a718908385a4523bb0d80b704dd6de2f4ad271ff Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 1 Dec 2025 15:23:57 +0200
Subject: [PATCH 12/16] fix(mobile/split): link context menu opening in the
 wrong split

---
 apps/client/src/menus/link_context_menu.ts | 27 +++++++++++++---------
 apps/client/src/widgets/widget_utils.ts    |  6 +++++
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/apps/client/src/menus/link_context_menu.ts b/apps/client/src/menus/link_context_menu.ts
index e73f333af..561a44efa 100644
--- a/apps/client/src/menus/link_context_menu.ts
+++ b/apps/client/src/menus/link_context_menu.ts
@@ -2,13 +2,15 @@ import { t } from "../services/i18n.js";
 import contextMenu, { type ContextMenuEvent, type MenuItem } from "./context_menu.js";
 import appContext, { type CommandNames } from "../components/app_context.js";
 import type { ViewScope } from "../services/link.js";
+import utils from "../services/utils.js";
+import { getClosestNtxId } from "../widgets/widget_utils.js";
 
 function openContextMenu(notePath: string, e: ContextMenuEvent, viewScope: ViewScope = {}, hoistedNoteId: string | null = null) {
     contextMenu.show({
         x: e.pageX,
         y: e.pageY,
         items: getItems(),
-        selectMenuItemHandler: ({ command }) => handleLinkContextMenuItem(command, notePath, viewScope, hoistedNoteId)
+        selectMenuItemHandler: ({ command }) => handleLinkContextMenuItem(command, e, notePath, viewScope, hoistedNoteId)
     });
 }
 
@@ -21,7 +23,7 @@ function getItems(): MenuItem<CommandNames>[] {
     ];
 }
 
-function handleLinkContextMenuItem(command: string | undefined, notePath: string, viewScope = {}, hoistedNoteId: string | null = null) {
+function handleLinkContextMenuItem(command: string | undefined, e: ContextMenuEvent, notePath: string, viewScope = {}, hoistedNoteId: string | null = null) {
     if (!hoistedNoteId) {
         hoistedNoteId = appContext.tabManager.getActiveContext()?.hoistedNoteId ?? null;
     }
@@ -29,15 +31,8 @@ function handleLinkContextMenuItem(command: string | undefined, notePath: string
     if (command === "openNoteInNewTab") {
         appContext.tabManager.openContextWithNote(notePath, { hoistedNoteId, viewScope });
     } else if (command === "openNoteInNewSplit") {
-        const subContexts = appContext.tabManager.getActiveContext()?.getSubContexts();
-
-        if (!subContexts) {
-            logError("subContexts is null");
-            return;
-        }
-
-        const { ntxId } = subContexts[subContexts.length - 1];
-
+        const ntxId = getNtxId(e);
+        if (!ntxId) return;
         appContext.triggerCommand("openNewNoteSplit", { ntxId, notePath, hoistedNoteId, viewScope });
     } else if (command === "openNoteInNewWindow") {
         appContext.triggerCommand("openInWindow", { notePath, hoistedNoteId, viewScope });
@@ -46,6 +41,16 @@ function handleLinkContextMenuItem(command: string | undefined, notePath: string
     }
 }
 
+function getNtxId(e: ContextMenuEvent) {
+    if (utils.isDesktop()) {
+        const subContexts = appContext.tabManager.getActiveContext()?.getSubContexts();
+        if (!subContexts) return null;
+        return subContexts[subContexts.length - 1].ntxId;
+    } else {
+        return getClosestNtxId(e.target);
+    }
+}
+
 export default {
     getItems,
     handleLinkContextMenuItem,
diff --git a/apps/client/src/widgets/widget_utils.ts b/apps/client/src/widgets/widget_utils.ts
index ba48a38df..0166003e6 100644
--- a/apps/client/src/widgets/widget_utils.ts
+++ b/apps/client/src/widgets/widget_utils.ts
@@ -19,3 +19,9 @@ export function onWheelHorizontalScroll(event: WheelEvent) {
     event.stopImmediatePropagation();
     (event.currentTarget as HTMLElement).scrollLeft += event.deltaY + event.deltaX;
 }
+
+export function getClosestNtxId(element: HTMLElement) {
+    const closestNtxEl = element.closest<HTMLElement>("[data-ntx-id]");
+    if (!closestNtxEl) return null;
+    return closestNtxEl.dataset.ntxId ?? null;
+}

From 9682df62407f0ae244549e619ca4b59d0fd0f27b Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 1 Dec 2025 15:48:18 +0200
Subject: [PATCH 13/16] feat(mobile/split): collapse inactive split when
 keyboard is opened

---
 apps/client/src/stylesheets/style.css | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 68f5b03e7..809a9e1b3 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -2627,15 +2627,22 @@ iframe.print-iframe {
 }
 
 @media (max-width: 991px) {
-    body.mobile .split-note-container-widget {
-        flex-direction: column !important;
-        
-        .note-split {
-            width: 100%;
+    body.mobile {
+        .split-note-container-widget {
+            flex-direction: column !important;
+            
+            .note-split {
+                width: 100%;
+            }
+
+            .note-split.visible + .note-split.visible {
+                border-top: 1px solid var(--main-border-color);
+            }
         }
 
-        .note-split.visible + .note-split.visible {
-            border-top: 1px solid var(--main-border-color);
+        #root-widget.virtual-keyboard-opened .note-split:not(:focus-within) {
+            max-height: 80px;
+            opacity: 0.4;
         }
     }
 }
\ No newline at end of file

From f5940cbf70c3efa67063b1f6ec09b8c0c248e4c8 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 1 Dec 2025 23:36:15 +0200
Subject: [PATCH 14/16] feat(mobile/split): hide split button if split is
 already open

---
 .../mobile_widgets/mobile_detail_menu.tsx       | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index e1fa23cc1..0c6c3dfff 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -21,22 +21,29 @@ export default function MobileDetailMenu() {
                 if (!ntxId) return;
 
                 const noteContext = appContext.tabManager.getNoteContextById(ntxId);
+                const subContexts = noteContext.getMainContext().getSubContexts();
+                const isMainContext = noteContext?.isMainContext();
                 const note = noteContext.note;
 
-                const items: (MenuItem<keyof CommandMappings> | false)[] = [
+                const items: (MenuItem<keyof CommandMappings>)[] = [
                     { title: t("mobile_detail_menu.insert_child_note"), command: "insertChildNote", uiIcon: "bx bx-plus", enabled: note?.type !== "search" },
                     { title: t("mobile_detail_menu.delete_this_note"), command: "delete", uiIcon: "bx bx-trash", enabled: note?.noteId !== "root" },
                     { kind: "separator" },
                     { title: t("mobile_detail_menu.note_revisions"), command: "showRevisions", uiIcon: "bx bx-history" },
                     { kind: "separator" },
-                    { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" },
-                    !noteContext?.isMainContext() && { title: t("close_pane_button.close_this_pane"), command: "closeThisNoteSplit", uiIcon: "bx bx-x" }
-                ];
+                    subContexts.length < 2 && { title: t("create_pane_button.create_new_split"), command: "openNewNoteSplit", uiIcon: "bx bx-dock-right" },
+                    !isMainContext && { title: t("close_pane_button.close_this_pane"), command: "closeThisNoteSplit", uiIcon: "bx bx-x" }
+                ].filter(i => !!i) as MenuItem<keyof CommandMappings>[];
+
+                const lastItem = items.at(-1);
+                if (lastItem && "kind" in lastItem && lastItem.kind === "separator") {
+                    items.pop();
+                }
 
                 contextMenu.show<keyof CommandMappings>({
                     x: e.pageX,
                     y: e.pageY,
-                    items: items.filter(i => !!i),
+                    items,
                     selectMenuItemHandler: async ({ command }) => {
                         if (command === "insertChildNote") {
                             note_create.createNote(appContext.tabManager.getActiveContextNotePath() ?? undefined);

From e0e9310907e0acec58277b8ddaedfc5e02598b34 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 1 Dec 2025 23:46:29 +0200
Subject: [PATCH 15/16] feat(mobile/split): rephase open in note split if a
 split is already open

---
 apps/client/src/menus/link_context_menu.ts       | 11 +++++++----
 apps/client/src/translations/en/translation.json |  1 +
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/menus/link_context_menu.ts b/apps/client/src/menus/link_context_menu.ts
index 561a44efa..a8de83883 100644
--- a/apps/client/src/menus/link_context_menu.ts
+++ b/apps/client/src/menus/link_context_menu.ts
@@ -2,22 +2,25 @@ import { t } from "../services/i18n.js";
 import contextMenu, { type ContextMenuEvent, type MenuItem } from "./context_menu.js";
 import appContext, { type CommandNames } from "../components/app_context.js";
 import type { ViewScope } from "../services/link.js";
-import utils from "../services/utils.js";
+import utils, { isMobile } from "../services/utils.js";
 import { getClosestNtxId } from "../widgets/widget_utils.js";
 
 function openContextMenu(notePath: string, e: ContextMenuEvent, viewScope: ViewScope = {}, hoistedNoteId: string | null = null) {
     contextMenu.show({
         x: e.pageX,
         y: e.pageY,
-        items: getItems(),
+        items: getItems(e),
         selectMenuItemHandler: ({ command }) => handleLinkContextMenuItem(command, e, notePath, viewScope, hoistedNoteId)
     });
 }
 
-function getItems(): MenuItem<CommandNames>[] {
+function getItems(e: ContextMenuEvent): MenuItem<CommandNames>[] {
+    const ntxId = getNtxId(e);
+    const isMobileSplitOpen = isMobile() && appContext.tabManager.getNoteContextById(ntxId).getMainContext().getSubContexts().length > 1;
+
     return [
         { title: t("link_context_menu.open_note_in_new_tab"), command: "openNoteInNewTab", uiIcon: "bx bx-link-external" },
-        { title: t("link_context_menu.open_note_in_new_split"), command: "openNoteInNewSplit", uiIcon: "bx bx-dock-right" },
+        { title: !isMobileSplitOpen ? t("link_context_menu.open_note_in_new_split") : t("link_context_menu.open_note_in_other_split"), command: "openNoteInNewSplit", uiIcon: "bx bx-dock-right" },
         { title: t("link_context_menu.open_note_in_new_window"), command: "openNoteInNewWindow", uiIcon: "bx bx-window-open" },
         { title: t("link_context_menu.open_note_in_popup"), command: "openNoteInPopup", uiIcon: "bx bx-edit" }
     ];
diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index 3a240faf5..31b112514 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -1883,6 +1883,7 @@
   "link_context_menu": {
     "open_note_in_new_tab": "Open note in a new tab",
     "open_note_in_new_split": "Open note in a new split",
+    "open_note_in_other_split": "Open note in the other split",
     "open_note_in_new_window": "Open note in a new window",
     "open_note_in_popup": "Quick edit"
   },

From 28b263a44537e87faf9ccc0964d6fc1424953497 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 1 Dec 2025 23:51:12 +0200
Subject: [PATCH 16/16] chore(mobile/split): address requested changes

---
 apps/client/src/menus/link_context_menu.ts               | 4 +++-
 .../src/widgets/containers/split_note_container.ts       | 9 +++++----
 .../src/widgets/mobile_widgets/mobile_detail_menu.tsx    | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/menus/link_context_menu.ts b/apps/client/src/menus/link_context_menu.ts
index a8de83883..6683bc27a 100644
--- a/apps/client/src/menus/link_context_menu.ts
+++ b/apps/client/src/menus/link_context_menu.ts
@@ -49,8 +49,10 @@ function getNtxId(e: ContextMenuEvent) {
         const subContexts = appContext.tabManager.getActiveContext()?.getSubContexts();
         if (!subContexts) return null;
         return subContexts[subContexts.length - 1].ntxId;
-    } else {
+    } else if (e.target instanceof HTMLElement) {
         return getClosestNtxId(e.target);
+    } else {
+        return null;
     }
 }
 
diff --git a/apps/client/src/widgets/containers/split_note_container.ts b/apps/client/src/widgets/containers/split_note_container.ts
index d5a2b39e9..1cee46b73 100644
--- a/apps/client/src/widgets/containers/split_note_container.ts
+++ b/apps/client/src/widgets/containers/split_note_container.ts
@@ -74,13 +74,14 @@ export default class SplitNoteContainer extends FlexContainer<SplitNoteWidget> {
 
 
         const subContexts = activeContext.getSubContexts();
-        let noteContext: NoteContext;
+        let noteContext: NoteContext | undefined = undefined;
         if (isMobile() && subContexts.length > 1) {
-            noteContext = subContexts.find(s => s.ntxId !== ntxId)!;
-        } else {
+            noteContext = subContexts.find(s => s.ntxId !== ntxId);
+        }
+        if (!noteContext) {
             noteContext = await appContext.tabManager.openEmptyTab(null, hoistedNoteId, mainNtxId);
             // remove the original position of newly created note context
-            const ntxIds = appContext.tabManager.children.map((c) => c.ntxId).filter((id) => id !== noteContext.ntxId) as string[];
+            const ntxIds = appContext.tabManager.children.map((c) => c.ntxId).filter((id) => id !== noteContext?.ntxId) as string[];
 
             // insert the note context after the originating note context
             if (!noteContext.ntxId) {
diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
index 0c6c3dfff..765bb4c31 100644
--- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
+++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
@@ -17,7 +17,7 @@ export default function MobileDetailMenu() {
             icon="bx bx-dots-vertical-rounded"
             text=""
             onClick={(e) => {
-                const ntxId = (parentComponent as BasicWidget).getClosestNtxId();
+                const ntxId = (parentComponent as BasicWidget | null)?.getClosestNtxId();
                 if (!ntxId) return;
 
                 const noteContext = appContext.tabManager.getNoteContextById(ntxId);