Auth Tier Indicator (auth/auth-tier-indicator.tsx)

React component displaying feature availability per authentication tier (anonymous, email, GitHub) with badges and icons.

// Source: https://github.com/mperkins0155/llms-txt-hub | License: MIT | Copyright 2025 David Dias
// Provided via justclaw.it.com; keep this notice with the code.
'use client'

import { useAuth } from '@thedaviddias/auth'
import { Badge } from '@thedaviddias/design-system/badge'
import { Button } from '@thedaviddias/design-system/button'
import { Check, Eye, Github, Lock, Mail } from 'lucide-react'
import Link from 'next/link'
import { Card } from '@/components/ui/card'
import { getMemberBadgeSync } from '@/lib/member-client-utils'

export type AuthTier = 'anonymous' | 'email' | 'github'

interface Feature {
  name: string
  description: string
  tiers: AuthTier[]
}

const FEATURES: Feature[] = [
  {
    name: 'Browse & Search',
    description: 'Full access to all projects and documentat

... (truncated -- full source via MCP)