allow read for any valid did

app/api/profile/route.ts

···
 import { getGlobalOAuthClient } from '@/lib/auth/client'
 import { Agent } from '@atproto/api'
 
-export async function GET() {
+export async function GET(request: Request) {
   try {
+    const { searchParams } = new URL(request.url)
+    const did = searchParams.get('did')
+    
     const session = await getSession()
     
-    if (!session.did) {
-      return NextResponse.json({ error: 'Not authenticated' }, { status: 401 })
+    // If a specific DID is requested, allow unauthenticated access for read-only
+    const targetDid = did || session.did
+    
+    if (!targetDid) {
+      return NextResponse.json({ error: 'DID parameter required or authentication needed' }, { status: 400 })
     }
 
     const client = await getGlobalOAuthClient()
     
-    // Restore the OAuth session
-    const oauthSession = await client.restore(session.did)
+    // Try to use authenticated session if available and valid
+    let agent: Agent
+    let usingAuthenticatedAccess = false
     
-    if (!oauthSession) {
-      // Clear invalid session
-      await clearSession()
-      return NextResponse.json({ error: 'Session expired' }, { status: 401 })
+    if (session.did && !did) {
+      // Only use OAuth for own profile access
+      const oauthSession = await client.restore(session.did)
+      
+      if (oauthSession) {
+        agent = new Agent(oauthSession)
+        usingAuthenticatedAccess = true
+      } else {
+        // Clear invalid session
+        await clearSession()
+        return NextResponse.json({ error: 'Session expired' }, { status: 401 })
+      }
+    } else {
+      // For public access or specific DID lookup, use public API
+      agent = new Agent({ service: 'https://public.api.bsky.app' })
+      // Note: No authentication needed for public profile access via public API
     }
-
-    // Create agent and fetch profile using the getProfile method
-    const agent = new Agent(oauthSession)
     
-    // Use the simpler getProfile method like green_globe app
-    const profileResponse = await agent.getProfile({ actor: session.did })
+    // Use the simpler getProfile method
+    const profileResponse = await agent.getProfile({ actor: targetDid })
 
     if (!profileResponse.success) {
       return NextResponse.json({ error: 'Profile not found' }, { status: 404 })
···
     const profile = profileResponse.data
 
     return NextResponse.json({
-      did: session.did,
+      did: targetDid,
       handle: profile.handle,
       displayName: profile.displayName,
       avatar: profile.avatar,
···
       followersCount: profile.followersCount,
       followsCount: profile.followsCount,
       postsCount: profile.postsCount,
+      isOwner: usingAuthenticatedAccess && session.did === targetDid, // Indicate if the authenticated user owns this profile
     })
   } catch (error) {
     console.error('Profile fetch failed:', error)

app/project/[id]/page.tsx

···
 import { useParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import Link from 'next/link'
-import { ArrowLeft, ExternalLink, Users, DollarSign, TrendingUp, MapPin, Plus, Edit2, Save, X } from 'lucide-react'
+import { ArrowLeft, ExternalLink, Users, DollarSign, TrendingUp, MapPin, Plus, Edit2, Save, X, Copy, Check } from 'lucide-react'
 import { projects, formatCurrency } from '@/lib/data'
 import FundingChart from '@/components/FundingChart'
 
···
   const params = useParams()
   const id = decodeURIComponent(params.id as string)
   const [profile, setProfile] = useState<any>(null)
-  const [userSession, setUserSession] = useState<any>(null)
   const [loading, setLoading] = useState(true)
   const [editingField, setEditingField] = useState<string | null>(null)
   const [editValues, setEditValues] = useState<any>({})
+  const [copiedDID, setCopiedDID] = useState(false)
 
   // Check if this is a DID
   const isDID = id.startsWith('did:plc:')
···
   const staticProject = isDID ? null : projects.find(p => p.id === id)
   
   // Check if this is the user's own project
-  const isOwnProject = isDID && userSession?.did === id
+  const isOwnProject = isDID && profile?.isOwner
 
   useEffect(() => {
     const fetchData = async () => {
       try {
-        // Check current user session
-        const sessionResponse = await fetch('/api/status')
-        if (sessionResponse.ok) {
-          const sessionData = await sessionResponse.json()
-          setUserSession(sessionData)
-        }
 
         if (isDID) {
-          const profileResponse = await fetch('/api/profile')
+          const profileResponse = await fetch(`/api/profile?did=${encodeURIComponent(id)}`)
           if (profileResponse.ok) {
             const profileData = await profileResponse.json()
             setProfile(profileData)
···
     setEditingField(null)
   }
 
+  const handleCopyDID = async () => {
+    if (isDID && id) {
+      try {
+        await navigator.clipboard.writeText(id)
+        setCopiedDID(true)
+        setTimeout(() => setCopiedDID(false), 2000)
+      } catch (err) {
+        console.error('Failed to copy DID:', err)
+      }
+    }
+  }
+
+  const truncateDID = (did: string) => {
+    // Extract the part after "did:plc:"
+    const didPart = did.replace('did:plc:', '')
+    if (didPart.length <= 8) return did // If the DID part is short, show full DID
+
+    // Show first 4 letters after "plc:" and last 4 letters
+    const firstFour = didPart.substring(0, 4)
+    const lastFour = didPart.substring(didPart.length - 4)
+    return `did:plc:${firstFour}...${lastFour}`
+  }
+
   if (!isDID && !staticProject) {
     return <div>Project not found</div>
   }
···
       <div className="bg-surface border-subtle shadow-card p-4 sm:p-6 group">
         <div className="flex flex-col sm:flex-row sm:items-start justify-between mb-4 sm:mb-6 gap-4">
           <div className="flex flex-col sm:flex-row items-start sm:items-center space-y-3 sm:space-y-0 sm:space-x-4">
-            <div className="h-12 w-12 bg-surface-hover flex items-center justify-center flex-shrink-0">
+            <div className="h-20 w-20 bg-surface-hover flex items-center justify-center flex-shrink-0">
               {isDID && profile?.avatar ? (
-                <img 
-                  src={profile.avatar} 
+                <img
+                  src={profile.avatar}
                   alt={displayName}
-                  className="h-12 w-12 rounded object-cover"
+                  className="h-20 w-20 rounded object-cover"
                 />
               ) : (
-                <span className="text-lg font-medium text-secondary">
+                <span className="text-xl font-medium text-secondary">
                   {(project?.name || displayName).substring(0, 2).toUpperCase()}
                 </span>
               )}
···
                 ) : (
                   <>
                     <h1 className="text-2xl sm:text-3xl font-serif font-semibold text-primary">
-                      {editValues.name || project?.name || `${displayName}'s Environmental Project`}
+                      {editValues.name || project?.name || `${displayName}'s project`}
                     </h1>
                     {isOwnProject && (
                       <button
···
                   </div>
                 )}
               </div>
+
+              {/* DID Display */}
+              {isDID && (
+                <div className="mt-2">
+                  <button
+                    onClick={handleCopyDID}
+                    className="inline-flex items-center text-xs sm:text-sm text-muted hover:text-primary transition-colors group"
+                    title={`Click to copy: ${id}`}
+                  >
+                    <span className="font-mono bg-surface-hover px-2 py-1 rounded text-xs sm:text-sm mr-2 truncate">
+                      {truncateDID(id)}
+                    </span>
+                    {copiedDID ? (
+                      <Check className="h-3 w-3 sm:h-4 sm:w-4 text-accent flex-shrink-0" />
+                    ) : (
+                      <Copy className="h-3 w-3 sm:h-4 sm:w-4 opacity-60 group-hover:opacity-100 flex-shrink-0" />
+                    )}
+                  </button>
+                </div>
+              )}
             </div>
           </div>
         </div>

components/Sidebar.tsx

···
               <Link href="/about" className="text-sm font-medium text-secondary hover:text-primary transition-colors">
                 About
               </Link>
-              <Link href="/submit" className="text-sm font-medium text-secondary hover:text-primary transition-colors">
-                Submit Project
-              </Link>
+
             </div>
 
             {/* Profile and Controls */}
···
               >
                 About
               </Link>
-              <Link
-                href="/submit"
-                className="text-sm font-medium text-secondary hover:text-primary transition-colors py-2"
-                onClick={() => setIsMobileMenuOpen(false)}
-              >
-                Submit Project
-              </Link>
+
             </div>
           </div>
         </div>

lib/env.ts

···
 
 export const env = cleanEnv(process.env, {
   COOKIE_SECRET: str({ default: 'your-secret-key-change-this' }),
-  PUBLIC_URL: str({ default: 'https://www.impactindexer.org' }),
+  PUBLIC_URL: str({ default: 'localhost' }),
   PORT: port({ default: 3000 }),
 })