DBP-82: 在 frontend 使用 Vercel AI 實作適性化指導 AI

[pan93412]

• feat: ai assistant based on vercel/ai
• feat(chat): implement paper prompt
• feat(chat): show reasoning

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
dbplay-app	Ready	Preview	Comment	Sep 30, 2025 5:07am

[linear]

DBP-82 在 Frontend 使用 @vercel/ai 實作初級問答型 AI

[Copilot]

Pull Request Overview

This PR implements an AI-powered assistant for adaptive SQL learning guidance using Vercel AI SDK. The assistant provides personalized coaching through Socratic questioning rather than giving direct answers.

• Adds Vercel AI SDK dependencies and Anthropic provider for AI chat functionality
• Implements a comprehensive AI assistant with tools to fetch question data, user submissions, and correct answers
• Creates an interactive chat interface with reasoning display and quick action buttons

Reviewed Changes

Copilot reviewed 8 out of 9 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
package.json	Adds AI SDK dependencies (@ai-sdk/anthropic, @ai-sdk/react, ai, streamdown)
lib/auth.rsc.ts	Adds checkAuthorizedStatus function for API route authorization
lib/apollo.rsc.ts	Refactors to use getAuthToken helper instead of direct header access
gql/graphql.ts	Adds new GraphQL queries for question info, user answers, and schema
gql/gql.ts	Updates GraphQL type definitions for new queries
app/api/chat/route.ts	Implements AI chat API route with tools and educational prompt
app/(app)/challenges/[id]/page.tsx	Integrates AI assistant component into challenge page
app/(app)/challenges/[id]/_components/ai-assistant.tsx	Creates complete AI assistant UI with chat interface

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}