implement Accept Changes button

app/api/change-request/accept/route.ts

···
+import { NextRequest, NextResponse } from 'next/server'
+import { getSession } from '@/lib/session'
+import { getGlobalOAuthClient } from '@/lib/auth/client'
+import { Agent } from '@atproto/api'
+import { getPdsEndpoint } from '@atproto/common-web'
+import { IdResolver } from '@atproto/identity'
+import { TID } from '@atproto/common'
+
+async function getSessionAgent(): Promise<{ agent: Agent; oauthSession: any } | null> {
+  try {
+    const session = await getSession()
+
+    if (!session.did) {
+      return null
+    }
+
+    const client = await getGlobalOAuthClient()
+    const oauthSession = await client.restore(session.did)
+
+    if (!oauthSession) {
+      console.log('OAuth session restoration failed')
+      return null
+    }
+
+    const agent = new Agent(oauthSession)
+    return { agent, oauthSession }
+  } catch (error) {
+    console.error('Session restore failed:', error)
+    return null
+  }
+}
+
+// POST - Accept a change request and apply the proposed changes
+export async function POST(request: NextRequest) {
+  try {
+    console.log('POST /api/change-request/accept - Starting request')
+    
+    const sessionResult = await getSessionAgent()
+    if (!sessionResult) {
+      console.log('No agent available - authentication required')
+      return NextResponse.json({ error: 'Authentication required' }, { status: 401 })
+    }
+
+    const { agent, oauthSession } = sessionResult
+    const body = await request.json()
+    const { changeRequestUri } = body
+
+    if (!changeRequestUri) {
+      return NextResponse.json({ error: 'changeRequestUri required' }, { status: 400 })
+    }
+
+    // Parse the change request URI to get DID and rkey
+    const uriParts = changeRequestUri.replace('at://', '').split('/')
+    const requesterDid = uriParts[0]
+    const changeRequestRkey = uriParts[2]
+
+    console.log('Fetching change request:', { requesterDid, changeRequestRkey })
+
+    // Resolve requester's DID to get their PDS
+    const resolver = new IdResolver()
+    const requesterDidDoc = await resolver.did.resolve(requesterDid)
+    
+    if (!requesterDidDoc) {
+      return NextResponse.json({ error: 'Could not resolve requester DID' }, { status: 404 })
+    }
+    
+    const requesterPdsEndpoint = getPdsEndpoint(requesterDidDoc)
+    if (!requesterPdsEndpoint) {
+      return NextResponse.json({ error: 'No PDS endpoint found for requester' }, { status: 404 })
+    }
+
+    // Create agent for requester's PDS to fetch the change request
+    const requesterAgent = new Agent({ service: requesterPdsEndpoint })
+    
+    // Fetch the change request record
+    const changeRequestResponse = await requesterAgent.com.atproto.repo.getRecord({
+      repo: requesterDid,
+      collection: 'org.impactindexer.changeRequest',
+      rkey: changeRequestRkey
+    })
+
+    if (!changeRequestResponse.success) {
+      return NextResponse.json({ error: 'Change request not found' }, { status: 404 })
+    }
+
+    const changeRequestData = changeRequestResponse.data.value as any
+    
+    // Verify that the current user is the target (project owner)
+    if (changeRequestData.targetDid !== agent.assertDid) {
+      return NextResponse.json({ 
+        error: 'Unauthorized - you can only accept change requests for your own projects' 
+      }, { status: 403 })
+    }
+
+    console.log('Fetching proposed record data...')
+
+    // Fetch the proposed record data
+    const proposedUri = changeRequestData.proposedRecord
+    const proposedUriParts = proposedUri.replace('at://', '').split('/')
+    const proposedRkey = proposedUriParts[2]
+
+    const proposedResponse = await requesterAgent.com.atproto.repo.getRecord({
+      repo: requesterDid,
+      collection: 'org.impactindexer.status',
+      rkey: proposedRkey
+    })
+
+    if (!proposedResponse.success) {
+      return NextResponse.json({ error: 'Proposed record not found' }, { status: 404 })
+    }
+
+    const proposedData = proposedResponse.data.value as any
+
+    console.log('Applying proposed changes to project owner record...')
+
+    // Check if the project owner has an existing record
+    let existingRecord = null
+    let rkey = TID.nextStr()
+    
+    try {
+      const listResponse = await agent.com.atproto.repo.listRecords({
+        repo: agent.assertDid,
+        collection: 'org.impactindexer.status',
+        limit: 1
+      })
+      
+      if (listResponse.data.records.length > 0) {
+        existingRecord = listResponse.data.records[0]
+        rkey = existingRecord.uri.split('/').pop() || TID.nextStr()
+      }
+    } catch (error) {
+      console.log('No existing record found, will create new one')
+    }
+
+    // Create the updated record with proposed data, preserving timestamps appropriately
+    const now = new Date().toISOString()
+    const updatedRecord = {
+      $type: 'org.impactindexer.status',
+      displayName: proposedData.displayName,
+      description: proposedData.description,
+      website: proposedData.website,
+      fundingReceived: proposedData.fundingReceived,
+      fundingGivenOut: proposedData.fundingGivenOut,
+      annualBudget: proposedData.annualBudget,
+      teamSize: proposedData.teamSize,
+      sustainableRevenuePercent: proposedData.sustainableRevenuePercent,
+      categories: proposedData.categories,
+      impactMetrics: proposedData.impactMetrics,
+      geographicDistribution: proposedData.geographicDistribution,
+      createdAt: (existingRecord?.value as any)?.createdAt || now,
+      updatedAt: now,
+    }
+
+    console.log('Final record to save:', updatedRecord)
+
+    // Remove undefined fields
+    Object.keys(updatedRecord).forEach(key => {
+      if ((updatedRecord as any)[key] === undefined) {
+        delete (updatedRecord as any)[key]
+      }
+    })
+
+    // Save the updated record to the project owner's repository
+    const response = await agent.com.atproto.repo.putRecord({
+      repo: agent.assertDid,
+      collection: 'org.impactindexer.status',
+      rkey,
+      record: updatedRecord,
+      validate: false,
+    })
+
+    console.log('Successfully updated project owner record')
+
+    return NextResponse.json({ 
+      success: true,
+      updatedRecordUri: response.data.uri,
+      updatedRecordCid: response.data.cid,
+      appliedChanges: updatedRecord
+    })
+
+  } catch (error) {
+    console.error('Accept change request failed:', error)
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}

app/change-request/[uri]/page.tsx

···
   const [changeRequest, setChangeRequest] = useState<ChangeRequestData | null>(null)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
+  const [accepting, setAccepting] = useState(false)
+  const [acceptSuccess, setAcceptSuccess] = useState(false)
+  const [acceptError, setAcceptError] = useState<string | null>(null)
+
+  const acceptChanges = async () => {
+    if (!changeRequest || accepting) return
+
+    setAccepting(true)
+    setAcceptError(null)
+    
+    try {
+      const response = await fetch('/api/change-request/accept', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          changeRequestUri: uri
+        })
+      })
+
+      if (!response.ok) {
+        const errorData = await response.json()
+        throw new Error(errorData.error || 'Failed to accept changes')
+      }
+
+      const result = await response.json()
+      console.log('Changes accepted successfully:', result)
+      setAcceptSuccess(true)
+    } catch (error) {
+      console.error('Error accepting changes:', error)
+      setAcceptError(error instanceof Error ? error.message : 'Failed to accept changes')
+    } finally {
+      setAccepting(false)
+    }
+  }
 
   useEffect(() => {
     const fetchChangeRequest = async () => {
···
         </div>
       )}
 
-      {/* Future: Action buttons for project owners */}
+      {/* Action buttons for project owners */}
       <div className="bg-surface border-subtle shadow-card p-6">
         <h3 className="font-medium text-primary mb-2">Project Owner Actions</h3>
-        <p className="text-sm text-secondary mb-4">
-          As the project owner, you can review the proposed changes and decide whether to accept them.
-        </p>
-        <div className="flex space-x-3">
-          <button
-            disabled
-            className="px-4 py-2 bg-surface-hover text-muted rounded-lg cursor-not-allowed"
-          >
-            Accept Changes (Coming Soon)
-          </button>
-          <button
-            disabled
-            className="px-4 py-2 bg-surface-hover text-muted rounded-lg cursor-not-allowed"
-          >
-            Decline (Coming Soon)
-          </button>
-        </div>
+        
+        {acceptSuccess ? (
+          <div className="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-4">
+            <h4 className="font-medium text-green-800 dark:text-green-200 mb-1">
+              ✅ Changes Accepted Successfully!
+            </h4>
+            <p className="text-green-700 dark:text-green-300 text-sm">
+              The proposed changes have been applied to your project. Your project information has been updated.
+            </p>
+            <Link
+              href={`/project/${encodeURIComponent(changeRequest?.targetDid || '')}`}
+              className="inline-flex items-center mt-2 text-sm text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200 transition-colors"
+            >
+              View Updated Project
+              <ExternalLink className="h-4 w-4 ml-1" />
+            </Link>
+          </div>
+        ) : (
+          <>
+            <p className="text-sm text-secondary mb-4">
+              As the project owner, you can review the proposed changes and decide whether to accept them.
+            </p>
+            
+            {acceptError && (
+              <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-4">
+                <h4 className="font-medium text-red-800 dark:text-red-200 mb-1">
+                  Error Accepting Changes
+                </h4>
+                <p className="text-red-700 dark:text-red-300 text-sm">
+                  {acceptError}
+                </p>
+              </div>
+            )}
+
+            <div className="flex space-x-3">
+              <button
+                onClick={acceptChanges}
+                disabled={accepting || !changeRequest}
+                className={`px-4 py-2 rounded-lg transition-colors ${
+                  accepting || !changeRequest
+                    ? 'bg-surface-hover text-muted cursor-not-allowed'
+                    : 'bg-green-600 hover:bg-green-700 text-white'
+                }`}
+              >
+                {accepting ? 'Accepting...' : 'Accept Changes'}
+              </button>
+              <button
+                disabled
+                className="px-4 py-2 bg-surface-hover text-muted rounded-lg cursor-not-allowed"
+              >
+                Decline (Coming Soon)
+              </button>
+            </div>
+          </>
+        )}
       </div>
     </div>
   )