Add documentation page to llm-canvas webUI

web_ui/src/App.tsx

@@ -5,6 +5,7 @@ import { ThemeProvider } from "./components/ThemeProvider";
 import config from "./config";
 import "./index.css";
 import { CanvasPage } from "./pages/CanvasPage";
+import { DocumentationPage } from "./pages/DocumentationPage";
 import { GalleryPage } from "./pages/GalleryPage";
 import { GithubGalleryPage } from "./pages/GithubGalleryPage";
 import { GithubLandingPage } from "./pages/GithubLandingPage";
@@ -28,6 +29,7 @@ export const App: React.FC = () => {
                 <Route path="/gallery" element={<GithubGalleryPage />} />
               )}
               <Route path="/canvas/:id" element={<CanvasPage />} />
+              <Route path="/docs" element={<DocumentationPage />} />
               <Route
                 path="*"
                 element={

web_ui/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import { Github } from "lucide-react";
+import { Github, Book } from "lucide-react";
 import React from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import config from "../config";
@@ -29,6 +29,15 @@ export const Header: React.FC = () => {
             Gallery
           </Button>
         )}
+        <Button
+          onClick={() => navigate("/docs")}
+          variant="ghost"
+          size="sm"
+          className="text-white hover:text-white hover:bg-white/10 flex items-center space-x-1"
+        >
+          <Book className="w-4 h-4" />
+          <span>Docs</span>
+        </Button>
       </div>
       <div className="flex items-center space-x-2">
         {!isGithubMode && <ServerStatusIndicator />}