Enable advanced fumadocs UI features and enhanced navigation

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

apps/site/app/docs/[[...slug]]/page.tsx

@@ -15,7 +15,26 @@ export default async function Page({
   const MDX = page.data.body;
 
   return (
-    <DocsPage toc={page.data.toc} full={page.data.full}>
+    <DocsPage 
+      toc={page.data.toc} 
+      full={page.data.full}
+      lastUpdate={page.data.lastModified}
+      tableOfContent={{
+        enabled: true,
+        footer: (
+          <div className="flex flex-col gap-2 border-t pt-4 mt-4 text-xs">
+            <a
+              href={`https://github.com/objectstack-ai/objectql/blob/main/apps/site/content/docs/${params.slug?.join('/') || 'index'}.mdx`}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-muted-foreground hover:text-foreground transition-colors"
+            >
+              Edit this page on GitHub →
+            </a>
+          </div>
+        ),
+      }}
+    >
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>

apps/site/app/layout.config.tsx

@@ -13,4 +13,28 @@ export const baseOptions: Omit<DocsLayoutProps, 'tree'> = {
     },
   ],
   githubUrl: 'https://github.com/objectstack-ai/objectql',
+  // Enable sidebar search
+  sidebar: {
+    defaultOpenLevel: 0,
+    banner: (
+      <div className="text-sm text-muted-foreground">
+        ObjectQL Documentation
+      </div>
+    ),
+  },
+  // Enable table of contents
+  toc: {
+    enabled: true,
+    component: undefined,
+  },
+  // Enable last updated timestamp
+  lastUpdate: {
+    enabled: true,
+    showTimestamp: true,
+  },
+  // Enable edit on GitHub
+  editOnGithub: {
+    enabled: true,
+    base: 'https://github.com/objectstack-ai/objectql/blob/main/apps/site',
+  },
 };

apps/site/package.json

@@ -16,7 +16,10 @@
     "next": "^14.2.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
+    "rehype-autolink-headings": "^7.1.0",
     "rehype-katex": "^7.0.1",
+    "rehype-slug": "^6.0.0",
+    "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0"
   },

apps/site/source.config.ts

@@ -3,6 +3,8 @@ import { rehypeCode } from 'fumadocs-core/mdx-plugins';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
+import rehypeSlug from 'rehype-slug';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 export const { docs, meta } = defineDocs({
   dir: 'content/docs',
@@ -15,6 +17,8 @@ export default defineConfig({
       remarkMath, // Math equations support
     ],
     rehypePlugins: [
+      rehypeSlug, // Add IDs to headings
+      [rehypeAutolinkHeadings, { behavior: 'wrap' }], // Add links to headings
       rehypeKatex, // Render math equations
       [rehypeCode, {
         themes: {