From 616af1502f6def57df0392c4750f228897867266 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 17 Dec 2025 23:01:44 +0200
Subject: [PATCH] feat(layout/right_pane): create empty container

---
 apps/client/src/layouts/desktop_layout.tsx              | 4 +++-
 apps/client/src/widgets/sidebar/RightPanelContainer.tsx | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 apps/client/src/widgets/sidebar/RightPanelContainer.tsx

diff --git a/apps/client/src/layouts/desktop_layout.tsx b/apps/client/src/layouts/desktop_layout.tsx
index 4f6f7e5af..013460723 100644
--- a/apps/client/src/layouts/desktop_layout.tsx
+++ b/apps/client/src/layouts/desktop_layout.tsx
@@ -44,6 +44,7 @@ import Ribbon from "../widgets/ribbon/Ribbon.jsx";
 import ScrollPadding from "../widgets/scroll_padding.js";
 import SearchResult from "../widgets/search_result.jsx";
 import SharedInfo from "../widgets/shared_info.jsx";
+import RightPanelContainer from "../widgets/sidebar/RightPanelContainer.jsx";
 import SqlResults from "../widgets/sql_result.js";
 import SqlTableSchemas from "../widgets/sql_table_schemas.js";
 import TabRowWidget from "../widgets/tab_row.js";
@@ -174,12 +175,13 @@ export default class DesktopLayout {
                                             .child(...this.customWidgets.get("center-pane"))
 
                                     )
-                                    .child(
+                                    .optChild(!isNewLayout,
                                         new RightPaneContainer()
                                             .child(new TocWidget())
                                             .child(new HighlightsListWidget())
                                             .child(...this.customWidgets.get("right-pane"))
                                     )
+                                    .optChild(isNewLayout, <RightPanelContainer />)
                             )
                             .optChild(!launcherPaneIsHorizontal && isNewLayout, <StatusBar />)
                     )
diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.tsx b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
new file mode 100644
index 000000000..fc379c5a9
--- /dev/null
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
@@ -0,0 +1,9 @@
+//! This is currently only used for the new layout.
+
+export default function RightPanelContainer() {
+    return (
+        <div id="right-pane" style={{ width: 300 }}>
+            Hi there.
+        </div>
+    );
+}