update docs (#493)

docs/src/lib/docs-navigation.ts

@@ -3,16 +3,43 @@ export type NavItem = {
   href: string;
 };
 
-export const allDocsPages: NavItem[] = [
-  { name: "Introduction", href: "/" },
-  { name: "Installation", href: "/installation" },
-  { name: "Quick Start", href: "/quick-start" },
-  { name: "Commands", href: "/commands" },
-  { name: "Selectors", href: "/selectors" },
-  { name: "Sessions", href: "/sessions" },
-  { name: "Snapshots", href: "/snapshots" },
-  { name: "Streaming", href: "/streaming" },
-  { name: "CDP Mode", href: "/cdp-mode" },
-  { name: "iOS Simulator", href: "/ios" },
-  { name: "Changelog", href: "/changelog" },
+export type NavSection = {
+  title: string | null;
+  items: NavItem[];
+};
+
+export const navigation: NavSection[] = [
+  {
+    title: null,
+    items: [
+      { name: "Introduction", href: "/" },
+      { name: "Installation", href: "/installation" },
+      { name: "Quick Start", href: "/quick-start" },
+    ],
+  },
+  {
+    title: "Reference",
+    items: [
+      { name: "Commands", href: "/commands" },
+      { name: "Selectors", href: "/selectors" },
+      { name: "Snapshots", href: "/snapshots" },
+    ],
+  },
+  {
+    title: "Features",
+    items: [
+      { name: "Sessions", href: "/sessions" },
+      { name: "CDP Mode", href: "/cdp-mode" },
+      { name: "Streaming", href: "/streaming" },
+      { name: "iOS Simulator", href: "/ios" },
+    ],
+  },
+  {
+    title: null,
+    items: [{ name: "Changelog", href: "/changelog" }],
+  },
 ];
+
+export const allDocsPages: NavItem[] = navigation.flatMap(
+  (section) => section.items
+);