moved auth-providers to concepts, updated breadcrumb text positioning

docs/docs-platform.yml

@@ -23,40 +23,40 @@ pages:
     platforms: ["js"]  # Only vanilla JS
   
   # Auth Providers - Available for all platforms since OAuth is universal
-  - path: getting-started/auth-providers/index.mdx
+  - path: concepts/auth-providers/index.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/github.mdx
+  - path: concepts/auth-providers/github.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/google.mdx
+  - path: concepts/auth-providers/google.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/facebook.mdx
+  - path: concepts/auth-providers/facebook.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/microsoft.mdx
+  - path: concepts/auth-providers/microsoft.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/spotify.mdx
+  - path: concepts/auth-providers/spotify.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/discord.mdx
+  - path: concepts/auth-providers/discord.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/gitlab.mdx
+  - path: concepts/auth-providers/gitlab.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/apple.mdx
+  - path: concepts/auth-providers/apple.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/bitbucket.mdx
+  - path: concepts/auth-providers/bitbucket.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/linkedin.mdx
+  - path: concepts/auth-providers/linkedin.mdx
     platforms: ["next", "react", "js", "python"]
   
-  - path: getting-started/auth-providers/x-twitter.mdx
+  - path: concepts/auth-providers/x-twitter.mdx
     platforms: ["next", "react", "js", "python"]
   
   # Advanced auth methods - More frontend-focused

docs/src/components/layouts/page.tsx

@@ -153,7 +153,7 @@ export function DocsPage({
       >
         <PageArticle
           {...props.article}
-          className={props.article?.className}
+          className={cn('relative', props.article?.className)}
         >
           {slot(props.breadcrumb, <Breadcrumb {...props.breadcrumb} />)}
           <div className="mb-12">

docs/src/components/page-client.tsx

@@ -371,29 +371,33 @@ export function Breadcrumb(options: BreadcrumbProps) {
   if (items.length === 0) return null;
 
   return (
-    <div className="flex flex-row items-center gap-1.5 text-[15px] text-fd-muted-foreground">
-      {items.map((item, i) => {
-        const className = cn(
-          'truncate',
-          i === items.length - 1 && 'text-fd-primary font-medium',
-        );
+    <div className="absolute -top-12 left-0 right-0">
+      <div className="container max-w-6xl mx-auto px-4 md:px-6">
+        <div className="flex flex-row items-center gap-1.5 text-[13px] opacity-60" style={{ color: 'rgb(107, 114, 128)' }}>
+          {items.map((item, i) => {
+            const className = cn(
+              'truncate',
+              i === items.length - 1 && 'text-fd-primary font-medium',
+            );
 
-        return (
-          <Fragment key={i}>
-            {i !== 0 && <span className="text-fd-foreground/30">/</span>}
-            {item.url ? (
-              <Link
-                href={item.url}
-                className={cn(className, 'transition-opacity hover:opacity-80')}
-              >
-                {item.name}
-              </Link>
-            ) : (
-              <span className={className}>{item.name}</span>
-            )}
-          </Fragment>
-        );
-      })}
+            return (
+              <Fragment key={i}>
+                {i !== 0 && <span className="text-fd-foreground/30">/</span>}
+                {item.url ? (
+                  <Link
+                    href={item.url}
+                    className={cn(className, 'transition-opacity hover:opacity-80')}
+                  >
+                    {item.name}
+                  </Link>
+                ) : (
+                  <span className={className}>{item.name}</span>
+                )}
+              </Fragment>
+            );
+          })}
+        </div>
+      </div>
     </div>
   );
 }

docs/templates/meta.json

@@ -9,13 +9,13 @@
     "getting-started/setup",
     "getting-started/components",
     "getting-started/users",
-    "getting-started/auth-providers",
     "getting-started/production",
     "---Concepts---",
     "concepts/api-keys",
     "concepts/backend-integration",
     "concepts/custom-user-data",
     "concepts/oauth",
+    "concepts/auth-providers",
     "concepts/orgs-and-teams",
     "concepts/permissions",
     "concepts/stack-app",