From d5e981bcf191c8e702f9f95dbfe665a0ae11985e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 11 Mar 2026 18:26:14 +0000
Subject: [PATCH] Add system pages (Editor, Home, Examples) to documentation
 menu

Co-authored-by: davidmonterocrespo24 <47928504+davidmonterocrespo24@users.noreply.github.com>
---
 frontend/src/pages/DocsPage.css    | 14 ++++++++++++++
 frontend/src/pages/DocsPage.tsx    |  8 ++++++++
 frontend/src/pages/LandingPage.tsx |  2 ++
 3 files changed, 24 insertions(+)

diff --git a/frontend/src/pages/DocsPage.css b/frontend/src/pages/DocsPage.css
index b09eeb5..d7eb1d7 100644
--- a/frontend/src/pages/DocsPage.css
+++ b/frontend/src/pages/DocsPage.css
@@ -197,6 +197,20 @@
   padding: 16px 20px 0;
 }
 
+.docs-sidebar-divider {
+  margin: 16px 20px;
+  border-top: 1px solid var(--border);
+}
+
+.docs-sidebar-title--pages {
+  padding-top: 0;
+}
+
+.docs-sidebar-link {
+  display: block;
+  text-decoration: none;
+}
+
 .docs-sidebar-gh {
   display: flex;
   align-items: center;
diff --git a/frontend/src/pages/DocsPage.tsx b/frontend/src/pages/DocsPage.tsx
index 1b93477..4d7fb89 100644
--- a/frontend/src/pages/DocsPage.tsx
+++ b/frontend/src/pages/DocsPage.tsx
@@ -478,6 +478,7 @@ export const DocsPage: React.FC = () => {
         <span className="docs-nav-divider">/</span>
         <span className="docs-nav-section">Docs</span>
         <div className="docs-nav-links">
+          <Link to="/" className="docs-nav-link">Home</Link>
           <Link to="/examples" className="docs-nav-link">Examples</Link>
           <Link to="/editor" className="docs-nav-link">Editor</Link>
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-nav-link">
@@ -517,6 +518,13 @@ export const DocsPage: React.FC = () => {
               </button>
             ))}
           </nav>
+          <div className="docs-sidebar-divider" />
+          <div className="docs-sidebar-title docs-sidebar-title--pages">Pages</div>
+          <nav className="docs-sidebar-nav">
+            <Link to="/" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Home</Link>
+            <Link to="/editor" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Editor</Link>
+            <Link to="/examples" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Examples</Link>
+          </nav>
           <div className="docs-sidebar-footer">
             <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-sidebar-gh">
               <IcoGitHub /> View on GitHub
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 6f1b6b8..5c0d161 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -420,6 +420,7 @@ export const LandingPage: React.FC = () => {
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="nav-link">
             <IcoGitHub /> GitHub
           </a>
+          <Link to="/docs" className="nav-link">Docs</Link>
           <Link to="/examples" className="nav-link">Examples</Link>
           {isLoading ? (
             <div className="nav-auth-skeleton" />
@@ -564,6 +565,7 @@ export const LandingPage: React.FC = () => {
         </div>
         <div className="footer-links">
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer">GitHub</a>
+          <Link to="/docs">Docs</Link>
           <Link to="/examples">Examples</Link>
           <Link to="/editor">Editor</Link>
         </div>