Update document grouping

Author: sibiraj-s

app/(home)/[[...slug]]/layout.tsx

@@ -9,6 +9,32 @@ import Pattern from './Pattern';
 const doscOptions: DocsLayoutProps = {
   ...baseOptions,
   tree: source.pageTree,
+  sidebar: {
+    tabs: {
+      transform(option, node) {
+        const meta = source.getNodeMeta(node);
+        if (!meta || !node.icon) return option;
+
+        const color = `var(--${meta.path.split('/')[0]}-color, var(--color-fd-foreground))`;
+
+        return {
+          ...option,
+          icon: (
+            <div
+              className="[&_svg]:size-4 flex items-center justify-center rounded-lg size-full text-(--tab-color) max-md:bg-(--tab-color)/10 max-md:border max-md:p-1.5"
+              style={
+                {
+                  '--tab-color': color,
+                } as object
+              }
+            >
+              {node.icon}
+            </div>
+          ),
+        };
+      },
+    },
+  },
 };
 
 export default function Layout({ children }: { children: ReactNode }) {

content/docs/api/meta.json

@@ -1,4 +1,7 @@
 {
+  "title": "API Documentation",
+  "root": true,
+  "icon": "Shapes",
   "defaultOpen": true,
   "pages": ["providers", "clients", "domains", "accesstokens", "tenants", "..."]
 }

content/docs/api/providers/meta.json

@@ -0,0 +1,3 @@
+{
+  "defaultOpen": true
+}

content/docs/api/tenants/meta.json

@@ -0,0 +1,3 @@
+{
+  "defaultOpen": true
+}