* theming improvements * border style improvements * refactor: migrate org routes to server-side data fetching Move client-side API calls to server-side load functions for better performance, security, and SEO. Implement permission-based course filtering * refactor: clean up course and community components This commit removes unused components and files related to courses and community features, streamlining the codebase. It also updates various routes to enhance performance and maintainability. Additionally, it introduces new types and constants for better type safety and organization. * refactor: fix video formatting on website and other styles * refactor: update course and dashboard components for improved styling and functionality * more icon improvements * refactor: streamline course and dashboard components This commit updates various course and dashboard components for improved styling and functionality. It includes the removal of unused files, updates to imports and exports, and enhancements to type safety. Additionally, it introduces new routes and optimizes existing ones for better performance and maintainability. * refactor: enhance lesson completion logic * chore: delete all emails on dashboard and move other api routes to backend. move all emails to the backend and * feat: Refactor API and database queries for courses, quizzes, and lessons, migrating Supabase functions and schema management. * get app loading * fix ui and build error of cio/api * refactor: move direct database queries to query layer - Create query functions: getCourseWithOrgData, getOrganizationByCourseId, updateCourseVersion, updateLessonsSectionId, getProfileByGroupMemberId, getQuestionTypesByIds - Refactor services to use query functions instead of direct db queries - Add transaction support to updateCourseVersion and updateLessonsSectionId - Fix getProfileByGroupMemberId to return profile directly (not nested) - Fix updateLessonsSectionId to use .returning() instead of rowCount This aligns services with architecture pattern where services orchestrate queries rather than executing them directly. * exercise saving improvements * fix and optimise exercise creation * refactor: update dialog components for improved styling and functionality - Adjusted dialog content width and maximum constraints for better responsiveness. - Changed heading font size for consistency in the new exercise modal. - Replaced CloseIcon with CrossIcon for a more modern appearance in dialog close button. * refactor: enhance course and exercise management components - Introduced new components for exercise creation, editing, and viewing, improving user experience. - Refactored existing lesson and exercise components for better organization and maintainability. - Updated routing for exercises and lessons to streamline navigation within the course structure. - Added new utility functions and constants to support content management across the application. * feat: implement course content management API and UI components - Added new API routes for updating and deleting course content, enhancing content management capabilities. - Introduced new Svelte components for displaying and managing course content, including content lists and action handlers. - Updated existing course routing to integrate new content management features. - Refactored content-related utility functions for improved organization and maintainability. * refactor: remove Supabase references and implement course section management - Removed Supabase-related environment variables and Dockerfile arguments to streamline configuration. - Introduced a new section management API with routes for creating, updating, deleting, and reordering course sections. - Updated course services to handle section operations, ensuring consistency in course content management. - Refactored existing lesson section logic to align with the new course section structure, enhancing maintainability. * chore: update .prettierignore to exclude additional file types - Added exclusions for SQL and environment files to the Prettier ignore list. - Included Dockerfile and .prettierignore itself to prevent formatting issues. * feat: enhance course content management with translation support and UI improvements - Added translation keys for user-facing text in course-related components, ensuring all UI copy is sourced from translation files. - Updated lesson and exercise creation components to utilize translation keys for success and error messages, improving localization. - Refactored course content management components to streamline the creation and editing process, enhancing user experience. - Introduced new constants for content options and stepper states to standardize component behavior and improve maintainability. - Improved styling and functionality of course content modals and steppers for better user interaction. * feat: enhance course content management and UI components - Updated .prettierignore to exclude storybook-static directory. - Improved exercise creation logic by refining option handling and adding UUID support for option values. - Enhanced navigation component with debugging output for custom links. - Introduced a new method in CourseApi to update content items locally, improving state management during navigation. - Added caching for exercise templates by tag in ExerciseTemplateApi to optimize performance. - Refactored lesson and exercise components for better organization and maintainability, including updates to modal styling and functionality. - Implemented local patching for lesson and exercise list items to ensure UI consistency after updates. * student + teacher invite (not fully tested) * refactor: streamline course team member middleware - Removed unnecessary console logging and timing for checking user permissions. - Simplified the logic for determining if a user is a course team member or organization admin. * reorder course sidebar to move content to its own page. * feat: implement unified course enrollment route and API - Introduced a new enrollment route `/course/:slug/enroll` to replace the previous invite system. - Unified enrollment logic for free and paid courses, allowing direct enrollment for free courses and invite token validation for paid courses. - Updated course landing page to redirect to the new enrollment route for free courses. - Removed obsolete invite routes and related logic, streamlining the enrollment process. - Enhanced API with a new `POST /course/:courseId/enroll` endpoint for handling enrollments. - Added rate limiting for enrollment requests to prevent abuse. - Updated UI components to reflect changes in enrollment flow and messaging. * chore: update docker stack, docs, and auth token automation * chore: make prettier check ignore unknown file types * fix: avoid using authClient on server file and keep authClient client focused * chore: always get the server on demand depending on the environment * chore: update dashboard configuration and Docker setup for environment variables - Modified the Svelte configuration to directly use the PUBLIC_SERVER_URL environment variable. - Enhanced the Docker Compose file to include health check formatting and added environment variable arguments for the dashboard build. - Updated the Dockerfile to echo environment variable values during the build process, ensuring clarity on the configuration being used. * chore: enhance Docker setup and documentation for production deployment - Added a new production Docker Compose file and example environment file for published images. - Updated README and usage documentation to include instructions for deploying with production images. - Modified Svelte configuration to standardize the use of the posthog domain. - Removed unnecessary console logs from the API client and layout server files for cleaner output. - Improved overall clarity in Docker documentation regarding self-hosting and image publishing. * chore(db): log function name in query catch blocks (console.error 'funcName error:', error) Co-authored-by: Cursor <[email protected]> * fix: multiple refresh issue * fix: server key not passed to api * fix: clarify usage of PRIVATE_SERVER_KEY and AUTH_BEARER_TOKEN in documentation - Updated documentation to specify that PRIVATE_SERVER_KEY is used for server-to-server API key authentication and is validated by API key middleware. - Clarified that AUTH_BEARER_TOKEN is a separate token not utilized by apiKeyMiddleware. - Adjusted examples in Docker setup and self-hosting documentation to reflect these changes. * fix migration script * fix: improve language handling and add database reset script - Updated language extraction to handle potential undefined values, defaulting to 'en' if necessary. - Added a new script for resetting the database, including functionality to truncate public tables and run setup with optional seeding. * feat: add promote ungrouped section functionality and enhance document handling in dashboard - Implemented a new API endpoint to promote synthetic "Ungrouped" content into a real persisted section, allowing for better organization of course materials. - Updated the dashboard to include a new component for displaying content count badges for lessons and exercises. - Enhanced document management features, including a new document card component with dropdown actions for viewing, downloading, and removing documents. - Improved file upload handling with a dedicated file drop zone and error handling for file type and size restrictions. - Refactored existing components for better readability and maintainability, including updates to lesson and document lists. * chore: use root env file for docker compose * docs: document docker no-build startup flow * chore: add no-build option to docker full stack script * fix(email): handle SMTP TLS mode by port * feat(auth): add configurable cookie domain env and docs * apps/dashboard/src/lib/utils/services/auth/session.ts * fix(email): make sender configurable via SMTP_SENDER * chore(i18n): regenerate locale translations and support language targeting * chore(config): switch api to PUBLIC_SERVER_URL * fix(i18n): persist selected locale across navigation * feat(assets): implement organization asset management routes and services - Added new routes for managing organization assets, including listing, creating, updating, deleting, and exporting assets. - Introduced asset-related services for handling asset operations such as creation, retrieval, and deletion. - Integrated YouTube metadata resolution and asset attachment/detachment functionalities. - Updated organization routes to include the new asset management routes. - Enhanced error handling for asset-related operations. * fix(document-list): update conditional rendering for edit mode in document list * debug self hosted layout setup * refactor(sidebar): simplify lms sidebar footer and improve navigation item rendering * feat: tags * chore: tags roadmap + translations * fix(api): add authMiddleware to exercise, invites, and content routers - exerciseRouter: apply authMiddleware before courseMemberMiddleware on all 10 routes - invitesRouter: apply authMiddleware before courseTeamMemberMiddleware on all 4 routes - contentRouter: add authMiddleware to PUT route (DELETE already had it) Both courseMemberMiddleware and courseTeamMemberMiddleware document requiring authMiddleware to be applied first. This aligns with lessonRouter pattern and ensures explicit middleware contract regardless of global session middleware. Co-authored-by: Rotimi Best <[email protected]> * fix(course): use courseTeamMemberMiddleware for PUT, DELETE, and analytics routes These routes require admin/tutor role per JSDoc but were using courseMemberMiddleware which allows any course member including students. Switch to courseTeamMemberMiddleware to restrict access to ADMIN/TUTOR group members and org admins. Co-authored-by: Rotimi Best <[email protected]> * chore: unify pricing component between dashboard and website (#630) * feat: modularize pricing card * feat: initia implementation of pricing togge * fix: minor amendment * refactor: update pricing components for improved layout and styling - Adjusted spacing in the pricing card layout for better visual consistency. - Modified button styles and sizes for enhanced usability. - Cleaned up the pricing toggle component by removing unnecessary console logs and restructuring the button rendering logic. * add handle click * chore(css): update Tailwind CSS output with new utility classes and theme variables * fix(api): enable orgMemberMiddleware for stats route This change ensures that the stats route is protected by orgMemberMiddleware, aligning access control with other routes. Additionally, removed unnecessary console log from the layout server file to clean up the code. --------- Co-authored-by: Rotimi Best <[email protected]> * pass query parameter to signup from pricing page * ui updates to pricing cards * commit all PRDs * add open api spec to api prd * make blue default theme * more prds * sync option id sequence on question update * docs: more classroomio features * chore: more ui improvements * docs: new component docs * chore: CSP Configuration (#638) * feat(validation): add GitHub repository name validation - Add ZRepositoryName schema for validating GitHub repo names - Add ZRepositoryOwner for owner/username validation - Add ZRepositoryIdentifier for owner/repo format - Follow GitHub rules: A-Za-z0-9_.-, 1-100 chars, reserved names - Add translation keys for validation messages Fixes #637 Co-authored-by: Rotimi Best <[email protected]> * Revert "feat(validation): add GitHub repository name validation" This reverts commit 3436536bb17a0f05b3a9fe8dd7682cde64dd1dce. * feat(dashboard): make CSP external domains configurable via env Move hardcoded external domains from svelte.config.js to .env configuration for on-premise deployments with strict security policies, data residency constraints, or CISO-driven allowlists. - ALLOWED_EXTERNAL_DOMAINS: single list for all CSP directives - CSP_SCRIPT_SRC_DOMAINS, CSP_STYLE_SRC_DOMAINS, CSP_CONNECT_SRC_DOMAINS, CSP_FRAME_SRC_DOMAINS, CSP_FONT_SRC_DOMAINS: per-directive override - When unset, defaults retain current SaaS behavior (backward compatible) Fixes #637 Co-authored-by: Rotimi Best <[email protected]> * fix(dashboard): self-hosted CSP uses only env vars, no defaults Co-authored-by: Rotimi Best <[email protected]> * fix(dashboard): add all classroomio.com domains to CSP defaults Co-authored-by: Rotimi Best <[email protected]> * docs: add CSP ALLOWED_EXTERNAL_DOMAINS to self-hosting guides Co-authored-by: Rotimi Best <[email protected]> * feat(docker): pass CSP domain env vars as build args to dashboard Co-authored-by: Rotimi Best <[email protected]> --------- Co-authored-by: Cursor Agent <[email protected]> Co-authored-by: Rotimi Best <[email protected]> * feat: add SSO and token authentication routes and services - Introduced new routes for SSO and token authentication under the organization namespace. - Implemented SSO connection management including creation, update, activation, and deletion. - Added token authentication configuration with support for secret rotation and status retrieval. - Enhanced error handling for SSO and token authentication processes. - Updated existing routes and services to integrate new functionalities. - Improved gradebook service to fetch student marks and exercises. - Refactored API structure for better organization and maintainability. * update translations * fix: add PUBLIC_SERVER_URL to .env.example to prevent localhost fallback in production (#641) Co-authored-by: Cursor Agent <[email protected]> * feat: new exercise question types * MinIO S3 storage backend (#639) * feat(storage): add MinIO/S3-compatible object storage backend - Add OBJECT_STORAGE_* env vars for generic S3-compatible backends (MinIO, AWS S3) - Create storage config module with Cloudflare R2 fallback for backward compatibility - Refactor s3.ts to use configurable client and bucket names from config - Update media.ts to use provider-neutral public URL (OBJECT_STORAGE_MEDIA_PUBLIC_BASE_URL or CLOUDFLARE_IMAGE_BUCKET_DOMAIN) - Add MinIO service and init to docker-compose (profile: minio) with videos/documents/media buckets - Add localhost:9000 to dashboard CSP for local MinIO presigned URL uploads - Update self-hosting and Cloudflare docs with MinIO option - Update .env examples and docker USAGE.md Fixes #635 Co-authored-by: Rotimi Best <[email protected]> * docs: add MINIO_ROOT_USER and MINIO_ROOT_PASSWORD to self-hosting guides Co-authored-by: Rotimi Best <[email protected]> * feat(media): refactor media management and integrate MinIO support - Updated media API to use a new `mediaApi` module, replacing `mediaManagerApi` references across components. - Added MinIO configuration options to the Docker setup, allowing for optional object storage exclusion. - Enhanced environment variable management for MinIO in the `.env.example` file. - Updated Content Security Policy (CSP) to allow local MinIO access in the dashboard. - Introduced new media components for asset management, including asset cards and usage dialogs. This refactor improves the modularity of the media handling system and provides better support for S3-compatible storage solutions. * feat(dashboard): enhance logging and refactor auth session handling - Added console logging for event and environment variables in hooks.server.ts to aid debugging. - Refactored auth session handling to use authServerClient instead of authClient in session.ts for improved consistency. - Updated Dockerfile to ensure the dashboard build output is present before starting the application. - Expanded self-hosting documentation to include troubleshooting steps for disk space issues in PostgreSQL and Docker. These changes improve the observability of the application and streamline the authentication process. * refactor(dashboard): remove debug logging and enhance Postgres healthcheck - Removed console logging for event and environment variables in hooks.server.ts to clean up the code. - Updated Postgres healthcheck in docker-compose.yaml to require a successful `SELECT 1` query, ensuring dependent services only start once the database is ready. - Expanded self-hosting documentation to include troubleshooting steps for database recovery issues. These changes improve code clarity and reliability in service startup sequences. --------- Co-authored-by: Cursor Agent <[email protected]> Co-authored-by: Rotimi Best <[email protected]> * feat: add Plyr media player icons and PDF.js integration - Introduced new Plyr SVG icons for media player controls in both course and dashboard applications. - Updated Plyr player configuration to use local icon assets. - Integrated PDF.js for document viewing, replacing external CDN links with local paths for improved performance and reliability. - Enhanced PDF viewer modal z-index for better visibility. This update improves the media player experience and ensures consistent access to necessary resources. * feat: enhance account and organization services with type definitions and promise return types - Updated `getAccountData` to return a structured result type including profile and organizations. - Modified `getOrganizationsWithFilters` to specify a promise return type for better type safety. - Added new type imports for organization-related data structures to improve clarity and maintainability. These changes improve type safety and enhance the overall structure of the account and organization services. * feat: implement Redis caching for presigned URLs and refactor API interactions - Added Redis caching for presigned download URLs in the API to reduce redundant S3 calls, improving performance. - Introduced a new `PresignApi` class in the frontend to centralize presigned URL requests, enhancing code maintainability. - Updated various components to utilize the new `presignApi` methods for document and video upload/download operations. - Enhanced error handling for Redis operations to ensure graceful degradation in case of cache failures. These changes optimize the presigned URL generation process and streamline API interactions across the application. * fix: add better-auth dependency to dashboard (#645) * chore: unify exercise answer data format * feat: make selfhosting run under one org for simplicity (#647) * feat: implement self-hosting PRD + license key system Self-hosting single-org: - Add PUBLIC_IS_SELFHOSTED to API env, block org creation when org exists - Auto-add non-members as students in GET /account bootstrap - getOrgSiteInfo: root domain returns single org for self-hosted - App init: route to /lms when self-hosted + no orgs - Hide org switcher and Add Org modal when self-hosted Invite-only signup: - Add settings.signup.inviteOnly via ZUpdateOrganization - Allow public signups toggle in org auth settings - Signup page: hide form when invite-only and no invite context - Landing page nav: respect inviteOnly for signup link First signup auto-verify: - Self-hosted first signup (no orgs) auto-verifies email in createProfileHook License key system: - LICENSE_KEY, LICENSE_VERIFICATION_URL for external verification API - Feature gates: SSO, token-auth, no-tracking (PostHog/Senja) - requireLicense middleware for API routes - Dashboard: license store, gate PostHog/Senja/SSO/token-auth UI - docs/LICENSE_API_CONTRACT.md for external API spec Co-authored-by: Rotimi Best <[email protected]> * feat: get rid of carbon completely * chore: license verification happens only for selfhosted instance * fix: in self hosted instance, orgSite is the default * docs: how to write math in cio editor * Update packages/db/src/queries/organization/organization.ts Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> * Update apps/api/src/services/license.ts Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> * fix: translations, cursor pr reviews, simplify license fetching and check * refactor: update analytics setup for cloud and self-hosted deployments; enhance settings merge logic * refactor: update license fetching URL for development environment; optimize organization query to prevent plan row loss * more selfhosting improvements * feat: enhance signup guard for self-hosted instances by requiring organization context when no org ID is provided * pr reviews * fix: correct query parameter handling in course navigation * pr reviews --------- Co-authored-by: Cursor Agent <[email protected]> Co-authored-by: Rotimi Best <[email protected]> Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> --------- Co-authored-by: Cursor <[email protected]> Co-authored-by: Rotimi Best <[email protected]> Co-authored-by: Abdulmuizz Hamzat <[email protected]> Co-authored-by: Adeyemi Adetunji <[email protected]> Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
35 KiB
name, overview, todos, isProject
| name | overview | todos | isProject | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| AI assistant PRD | Write a new PRD from scratch for the AI Course Assistant feature, replacing the existing placeholder at prd/ai-course-assistant/README.md. The PRD will document a hybrid execution model, configurable LLM providers, streaming chat, and the full package/API/UI architecture. |
|
false |
AI Course Assistant PRD
What We're Writing
Replace prd/ai-course-assistant/README.md with a comprehensive PRD for an AI assistant embedded in the course UI. The PRD will be a single markdown file covering architecture, UI, safeguards, package design, and implementation phases.
Key Architectural Decisions
Execution Model: Hybrid (Local Reads, API Writes)
The client already has course content loaded in Svelte stores (lessonApi, exercise questionnaire, etc.) when the teacher is on a page. The agent should:
- Read context from the client — pass the current lesson text, exercise questions, course structure to the agent as context with each message. No extra API calls to "read" content.
- Write through the API — all mutations route through existing API endpoints (
/course/:courseId/lesson,/course/:courseId/exercise, etc.) using the full middleware stack (authMiddleware->orgMemberMiddleware->courseTeamMemberMiddleware). This gives us permission enforcement, single source of truth, and auditability for free. - Preview for destructive changes — when the agent rewrites a lesson or makes a large edit, show a diff/preview in the chat with an "Apply" button. For additive actions (generate 5 questions), execute directly and confirm.
Agent Architecture: Tool-Calling Pattern
The agent uses LLM function/tool calling (not free-form text parsing):
sequenceDiagram
participant Teacher
participant ChatUI as Chat UI
participant AgentAPI as Agent API
participant LLM
participant Services as Existing Services
Teacher->>ChatUI: "Generate 5 MCQ questions from this lesson"
ChatUI->>AgentAPI: POST /agent/chat (message + context)
AgentAPI->>LLM: System prompt + tools + conversation
LLM->>AgentAPI: tool_call: add_questions(exerciseId, questions[])
AgentAPI->>Services: exerciseService.addQuestions()
Services->>AgentAPI: Success
AgentAPI->>LLM: Tool result
LLM->>AgentAPI: "Done! I added 5 questions to..."
AgentAPI-->>ChatUI: SSE stream response
ChatUI->>Teacher: Shows confirmation + refreshes exercise
The LLM sees a set of tools (mapped to existing service functions) and decides which to call based on the teacher's message. The agent API executes the tool with full permission checks, then feeds the result back to the LLM for a human-friendly summary.
SDK: Vercel AI SDK
The Vercel AI SDK (ai + @ai-sdk/svelte + provider packages) is the right fit:
@ai-sdk/svelteprovides aChatclass that uses Svelte 5 runes internally — same class-based reactive pattern as the project's existingLessonApi/BaseApiWithErrors(base.svelte.ts).streamText()returnstoUIMessageStreamResponse()which works directly as a Hono response — zero glue code (Hono cookbook).- Tool calling is built-in with Zod schemas (already used everywhere in the project). The SDK handles the function-calling protocol, multi-step execution, and streaming tool results.
- Provider abstraction lets us swap between
@ai-sdk/openaiand@ai-sdk/anthropicby changing one line. - The wire protocol carries text chunks, tool call events, tool results, and finish signals. The
Chatclass on the client parses all of this automatically.
Packages to install:
ai— core (streamText,tool, types) — inpackages/ai-assistantandapps/api@ai-sdk/svelte— Svelte 5Chatclass — inapps/dashboard@ai-sdk/openai— OpenAI provider — inpackages/ai-assistant@ai-sdk/anthropic— Anthropic provider — inpackages/ai-assistantzod— already installed everywhere
Package: packages/ai-assistant
A thin, backend-focused package consumed by apps/api. No UI code. The heavy lifting is done by the Vercel AI SDK; this package provides project-specific configuration on top.
Responsibilities:
- Provider factory — creates the right AI SDK
LanguageModelfrom env vars (AI_PROVIDER,AI_API_KEY,AI_MODEL). Wraps@ai-sdk/openaiand@ai-sdk/anthropic. - Role-aware tool registry —
getToolSchemas(role)returns the right Zod schemas per role. No implementations — those live in the API. - Role-aware system prompt —
buildSystemPrompt(context)generates different LLM instructions for teachers vs students. - Shared types —
AgentRole,AgentContext, tool names, config types. Used by bothapps/apiandapps/dashboard.
Suggested structure:
packages/ai-assistant/
src/
index.ts # Public exports
types.ts # AgentRole, AgentContext, AIProviderConfig, tool name constants
providers/
index.ts # createModel(config) factory
tools/
index.ts # getToolSchemas(role) registry
shared.ts # Read-only tool schemas (both roles)
teacher.ts # Mutation tool schemas (teacher only, v1)
student.ts # Learning tool schemas (student only, v2 stubs)
prompt/
system-prompt.ts # buildSystemPrompt(context) — role-aware
teacher.ts # Teacher prompt template
student.ts # Student prompt template (v2 stub)
package.json
tsconfig.json
Note: the agent loop itself is NOT in this package — streamText() from the ai core package handles the full loop (prompt -> LLM -> tool call -> execute -> respond -> repeat). The Hono route assembles tools (schema from package + execute from services) and calls streamText.
Foundation Layer: Role-Aware Design
The agent is not just a teacher tool — it's a course assistant that behaves differently per role. The foundation must support this from day one, even though students are gated off in v1.
**AgentRole** — the core discriminator:
'teacher'— can read AND mutate course content (update lessons, generate questions, create drafts)'student'— can only read and discuss content (explain concepts, answer questions, quiz on material)
Role detection — server-side, automatic:
- The API route checks the user's course membership via existing queries (
isCourseTeamMemberOrOrgAdmin) - Team members (ADMIN/TUTOR role in
groupmember) getrole: 'teacher' - Regular course members (STUDENT role) get
role: 'student' - In v1,
role: 'student'returns a 403. In v2, it loads the student tool set.
Tool registry — getToolSchemas(role) returns the right set:
sharedtools (read-only):get_course_structure,get_lesson_content,get_exercise_questions— available to both rolesteachertools (mutations):update_lesson_content,create_lesson_draft,add_exercise_questions— teacher onlystudenttools (v2):explain_concept,quiz_me,clarify_exercise— student only, stubs for now
Teachers get shared + teacher. Students get shared + student. This ensures students can never access mutation tools, even via prompt injection.
System prompt — role-aware via buildSystemPrompt(context):
- Teacher: "You are helping a teacher organize and author course content. You can update lessons, create new content, and generate questions."
- Student (v2): "You are helping a student learn. You can explain concepts, answer questions about the material, and help with exercises. You cannot modify any course content."
Single API endpoint — /agent/chat serves both roles. Role is detected server-side (not passed by the client, preventing spoofing). The endpoint loads tools and prompt based on the detected role.
Agent Tools
V1 Core Tools (7 tools)
Start small with the essentials for content authoring. Additional tools are added in later phases.
| Tool | Type | Description | Service |
|---|---|---|---|
get_course_structure |
read | Get sections, lessons, exercises tree | getCourseContentItems + listCourseSections |
get_lesson_content |
read | Get a specific lesson's note/text | getLesson |
get_exercise_details |
read | Get exercise with all questions and options | getExercise |
create_lesson |
write | Create a new lesson in a section (title + content) | createLesson |
update_lesson_content |
write | Update the note/text content of a lesson | updateLessonService + upsertLessonLanguageService |
create_exercise |
write | Create a new exercise with questions and options | createExercise |
add_questions |
write | Add questions (with options) to an existing exercise | updateExerciseService (diff-based) |
Phase 2+ Tools (added after v1 is stable)
Lessons: update_lesson_metadata, delete_lesson, reorder_lessons, update_lesson_translation
Sections: create_section, update_section, reorder_sections, delete_section
Exercises: update_exercise_metadata, update_question, delete_question, delete_exercise, create_exercise_from_template
Other: update_course_tags, create_newsfeed_post, list_exercise_templates
Phase 4 Student Tools (v2)
explain_concept, quiz_me, clarify_exercise, get_my_progress, get_my_submissions
Tool Execution Rules
Each tool handler in the API will:
- Extract IDs from tool arguments
- Verify the target resource belongs to the course/org in context
- Verify user is course team member or org admin (teacher tools)
- Check token balance before LLM call (see Token Usage section)
- Call the existing service function
- Return structured result to the agent
No-Hallucination Boundary
The system prompt includes an explicit list of what the agent CANNOT do. When a user asks for any of these, the agent responds with a clear, helpful decline and suggests the closest available action. The agent must never:
- Pretend to perform an action it doesn't have a tool for
- Fabricate data it hasn't retrieved via a tool call
- Claim to have made a change unless a tool call succeeded
Explicit CANNOT-do list (included verbatim in system prompt):
- Cannot create, delete, or clone courses
- Cannot update course-level settings (title, description, logo, status)
- Cannot manage course members, invitations, or roles
- Cannot grade submissions or assign marks
- Cannot handle payments or attendance
- Cannot upload files, images, videos, or documents
- Cannot manage sections, reorder content, or delete content (v1 — added in Phase 2)
- Cannot manage org settings, members, or billing
- Cannot access data from other courses or organizations
- Cannot browse the internet or fetch external URLs
- Cannot send emails or notifications
System prompt template:
You are an AI assistant for ClassroomIO. You help teachers create and organize
course content.
You have access to specific tools listed below. If a user asks you to do something
NOT covered by your tools, respond clearly:
"I can't do that yet. [Brief reason]. Here's what I can help with: [closest action]."
NEVER pretend to perform an action you don't have a tool for.
NEVER fabricate data you haven't retrieved via a tool.
NEVER claim to have made a change unless a tool call returned success.
When drafting new content, always present it for review before creating.
Things you explicitly CANNOT do:
[list from above]
Token-Based Usage Tracking
AI usage is metered by tokens. Each org gets a monthly base allowance from their plan, with the option to buy extra credit packs when exhausted.
How It Works
flowchart LR
subgraph check [Before LLM Call]
CheckBalance["Check: monthly_allowance\n+ credit_balance\n- tokens_used > 0?"]
end
subgraph call [LLM Call]
StreamText["streamText() executes"]
Usage["AI SDK returns\npromptTokens + completionTokens"]
end
subgraph record [After LLM Call]
RecordUsage["Record usage in\nai_token_usage table"]
UpdateBalance["Deduct from monthly\nallowance first,\nthen credits"]
end
CheckBalance -->|"Yes"| StreamText
CheckBalance -->|"No"| Reject["Return 402:\nToken limit reached"]
StreamText --> Usage
Usage --> RecordUsage
RecordUsage --> UpdateBalance
Plan-Based Allowances
Tied to the existing organization_plan table (schema.ts line 1324). Each plan gets a monthly token allowance:
- BASIC: 0 tokens (AI assistant not available on free plan — or a small trial allowance, TBD)
- EARLY_ADOPTER: X tokens/month (e.g. 500K tokens — roughly 50-100 conversations)
- ENTERPRISE: Y tokens/month (higher, e.g. 2M tokens — or unlimited)
Allowance resets on the 1st of each month (or billing cycle start).
Extra Credit Packs
When the monthly allowance is exhausted, the org can buy credit packs:
- Credits are one-time purchases, do NOT expire, do NOT reset monthly
- Deduction order: monthly allowance first, then credits
- Purchase flow: upgrade modal / settings page -> payment -> credits added to
ai_credit_balance
Database Design
New table: ai_token_usage — tracks per-request usage for auditing and aggregation.
CREATE TABLE ai_token_usage (
id BIGINT GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
org_id UUID NOT NULL REFERENCES organization(id),
user_id UUID NOT NULL,
course_id UUID NOT NULL,
prompt_tokens INTEGER NOT NULL,
completion_tokens INTEGER NOT NULL,
total_tokens INTEGER GENERATED ALWAYS AS (prompt_tokens + completion_tokens) STORED,
model TEXT NOT NULL,
created_at TIMESTAMPTZ NOT NULL DEFAULT now()
);
CREATE INDEX idx_ai_token_usage_org_month ON ai_token_usage (org_id, created_at);
New table: ai_credit_balance — tracks purchased credits per org.
CREATE TABLE ai_credit_balance (
id BIGINT GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
org_id UUID NOT NULL REFERENCES organization(id) UNIQUE,
balance INTEGER NOT NULL DEFAULT 0,
updated_at TIMESTAMPTZ NOT NULL DEFAULT now()
);
Allowances live in a config constant (or the plan's payload JSONB field), not a separate table. The plan already has payload: jsonb() which can store { "aiTokenAllowance": 500000 }.
Token Tracking Flow (in the agent route)
- Before LLM call: query
ai_token_usagefor current month +ai_credit_balance. Calculate:remaining = (allowance - used_this_month) + credit_balance. Ifremaining <= 0, return 402 with{ error: "Token limit reached", upgradeUrl: "..." }. - After LLM call: the Vercel AI SDK's
streamText()result exposesusagewithpromptTokensandcompletionTokens. Insert a row intoai_token_usage. - Deduction logic: monthly allowance is consumed first (it's implicit — just the sum of usage this month vs the allowance). Credits are only touched when
used_this_month > allowance. The credit deduction is:max(0, total_tokens - max(0, allowance - used_before_this_request)).
API Endpoints for Token Management
GET /agent/usage— returns{ used, allowance, creditBalance, remaining }for the current org. Used by dashboard to show usage meter.POST /agent/credits— purchase credits (integrates with payment provider). Protected byorgAdminMiddleware.
Dashboard UI
- Usage meter: in the AI assistant sidebar header or org settings, show a progress bar: "X / Y tokens used this month" with remaining count.
- Exhausted state: when tokens run out, the chat input is disabled with a message: "Monthly AI token limit reached. [Buy more credits] or wait for reset on [date]."
- Credits section: in org settings, show credit balance and "Buy more" button.
Safeguards
Four layers of protection:
- Route-level middleware — agent API route uses
authMiddleware+orgMemberMiddleware+ at minimumcourseMemberMiddleware. Role detection happens inside the handler. Defined in apps/api/src/middlewares/. - Tool-level permission checks — the tool set itself is the primary guard. Students physically cannot call
update_lesson_contentbecause it's not in their tool set. Additionally, each tool's execute function re-verifies resource ownership to prevent prompt injection (LLM tricked into passing a differentcourseId). - Token budget enforcement — every LLM call checks the org's remaining token balance. If exhausted, returns 402 before any LLM call is made. Usage is recorded after each call for accurate tracking.
- Rate limiting — per-user, per-org rate limits on agent API calls (requests/minute). Prevents abuse even within token budget. Self-hosted is uncapped (user's own API key, their cost).
Self-Hosted vs Cloud
- Cloud: AI assistant enabled by default. ClassroomIO provides the LLM API key server-side. Teachers see the button, no setup needed. Usage may be metered per plan tier.
- Self-hosted: AI assistant disabled by default. To enable, the self-hosted admin sets
AI_API_KEYand optionallyAI_PROVIDER/AI_MODELin their environment. When configured, the assistant becomes available. When not configured, the button is hidden (check via a server-side flag exposed to the client, e.g. aGET /agent/statusendpoint or a field in the org config response).
This is simpler than storing API keys in the database and avoids security concerns around key storage.
UI Specification
- Trigger: "AI Assistant" button in the course sidebar navigation (course-sidebar-navigation.svelte), below the existing nav items. In v1, only visible to teachers/admins (not students). Hidden when self-hosted and no AI key configured.
- Panel: Right sidebar using
@cio/uiSheet (side="right", ~420px). Does NOT replace the left sidebar — both can be open simultaneously. - Chat interface: Message list (user/assistant turns), text input with send button, streaming token display, quick-action chips.
- Role-aware quick actions: The chat panel accepts the detected
roleto show the right chips:- Teacher (v1): "Draft a lesson", "Generate questions", "Improve this text"
- Student (v2): "Explain this lesson", "Quiz me on this topic", "Help me with this exercise"
- Context awareness: Client passes
courseId, currentlessonIdorexerciseId. The role is NOT sent from the client — it's detected server-side to prevent spoofing. - Apply flow: For large content changes (teacher only), the agent response includes a structured preview. The chat UI renders a diff with "Apply" / "Discard" buttons. Applying triggers the API write and refreshes the relevant store.
- Existing
ai-button.svelte: The hidden ai-button.svelte component in the lesson editor can be removed or repurposed — the new sidebar chat replaces its functionality. - v2 student surface: The same chat panel component can be rendered in the student course view (course-app). The
Chatclass and Sheet are identical — only the quick-action chips differ, and the server loads different tools/prompts based on role.
Streaming
The Vercel AI SDK provides a structured SSE protocol via toUIMessageStreamResponse(). It carries:
- Text chunks (tokens stream one by one — ChatGPT-like typing)
- Tool call events (when the LLM decides to call a tool)
- Tool results (when the tool execution completes)
- Finish signals
On the frontend, the Chat class from @ai-sdk/svelte consumes this protocol automatically. No manual SSE parsing needed.
How the Backend Code Works
The Hono route assembles everything:
- Provider factory (
packages/ai-assistant) creates aLanguageModelfrom env vars - Tool schemas (
packages/ai-assistant) define Zod input schemas for each tool - Tool execute functions (inline in the Hono route) call existing services from
apps/api/src/services/ **streamText()** (fromaicore) runs the agent loop: sends system prompt + tools + messages to LLM, executes tool calls, feeds results back, repeats up tostopWhen: stepCountIs(5), streams everything to the client
The route returns result.toUIMessageStreamResponse() directly as the Hono response.
How the Frontend Code Works
The Chat class from @ai-sdk/svelte is instantiated once per chat panel. It:
- Manages
messagesarray as reactive$state(same pattern asLessonApi) sendMessage({ text })sends a POST to the Hono endpoint, starts consuming the SSE stream- Updates
messagesreactively as tokens arrive — the UI re-renders automatically - Exposes
status('idle'|'streaming') andstop()for abort - Each message has a
partsarray —{ type: 'text', text }for text,{ type: 'tool-{name}', state: 'call' | 'result', result? }for tool calls
The Chat class accepts:
api— URL of the Hono endpoint (e.g.,${PUBLIC_API_URL}/agent/chat)headers— we pass{ 'cio-org-id': orgId }via a reactive getterbody— extra data merged into every request:{ courseId, context: { lessonId, exerciseId } }credentials: 'include'— sends auth cookies for Better Auth sessiononFinish— callback to refresh page data after the agent completes
What the Chat UI Looks Like
Empty state: welcome message + quick-action chips ("Draft a lesson", "Generate questions", "Improve this text"). Clicking a chip fills the input and sends.
During conversation:
- User messages appear right-aligned with
bg-primarystyling - Assistant messages appear left-aligned with
bg-mutedstyling - Text streams in token by token (automatic via
Chatclass) - Tool calls render as inline status cards inside the assistant bubble:
state: 'call'shows spinner + "Generating questions..."state: 'result'shows checkmark + "5 questions added"
- Stop button replaces send button while streaming
After agent completes a mutation:
onFinishcallback fires- The relevant store refreshes (e.g.,
lessonApi.get()or exercise reload) - Teacher sees updated content on the page without manual refresh
Tool part rendering: The AI SDK names tool parts as tool-{toolName}. In the Svelte template:
{#each message.parts as part}
{#if part.type === 'text'}
<div class="prose">{@html renderMarkdown(part.text)}</div>
{:else if part.type === 'tool-update_lesson_content'}
<ToolStatusCard label="Updating lesson" state={part.state} />
{:else if part.type === 'tool-add_exercise_questions'}
<ToolStatusCard label="Generating questions" state={part.state}
successText={part.state === 'result' ? `${part.result.count} questions added` : undefined} />
{/if}
{/each}
Example Agent Flows
These walk through what actually happens end-to-end for each key use case — which tools fire, what the teacher sees, and design decisions involved.
Flow 1: "Research photosynthesis and write a first draft lesson for Section 2"
sequenceDiagram
participant Teacher
participant Chat as Chat UI
participant API as Agent API
participant LLM
participant Svc as Services
Teacher->>Chat: "Research photosynthesis and write a first draft for Section 2"
Chat->>API: POST /agent/chat
API->>LLM: system prompt + tools + message
Note over LLM: Step 1 - Understand course context
LLM->>API: tool_call: get_course_structure(courseId)
API->>Svc: getCourseStructure()
Svc-->>API: sections, lessons, exercises tree
API->>LLM: tool result
Note over LLM: Step 2 - Read existing style
LLM->>API: tool_call: get_lesson_content(lessonId)
API->>Svc: getLessonById()
Svc-->>API: lesson HTML content
API->>LLM: tool result
Note over LLM: Step 3 - Present draft for review
LLM-->>Chat: Streams draft text inline in chat
LLM-->>Chat: "Here's a draft... shall I create it?"
Teacher->>Chat: "Looks good, create it"
Chat->>API: POST /agent/chat (follow-up)
API->>LLM: conversation continues
Note over LLM: Step 4 - Create after confirmation
LLM->>API: tool_call: create_lesson_draft(title, content, sectionId)
API->>Svc: createLessonService()
Svc-->>API: { lessonId, title }
API->>LLM: tool result
LLM-->>Chat: "Created 'Photosynthesis' in Section 2"
Note over Chat: onFinish -> content tree refreshes
Chat->>Teacher: New lesson appears in sidebar
What "research" means: The agent does NOT have internet access. "Research" means two things:
- The LLM uses its training data knowledge about the topic (extensive for most academic subjects)
- The agent reads existing course content via
get_course_structureandget_lesson_contentto understand the teacher's style, depth, and what's already been covered
Confirmation before creation: The system prompt instructs the LLM to present the draft in the chat first and ask for confirmation before calling create_lesson_draft. This is a prompt-engineering pattern, not a code constraint — the system prompt will say: "When drafting a new lesson, first present the full draft in your response and ask the teacher to confirm before creating it. Only call create_lesson_draft after the teacher approves." This gives a natural review gate via multi-turn conversation without requiring a custom "preview mode" in the API.
Future consideration: If real web research is needed, a web_search tool can be added to the tool registry. The foundation supports it cleanly — just another tool schema + execute function. Not in v1.
What the teacher sees in the chat:
- User bubble: their request
- Assistant bubble starts streaming:
- Tool card: "Getting course structure..." -> checkmark
- Tool card: "Reading existing lesson..." -> checkmark
- Text streams in: the full draft lesson content, rendered as markdown
- Text: "Would you like me to create this as a lesson in Section 2?"
- Teacher types "yes" or "looks good, but change X"
- Assistant bubble:
- Tool card: "Creating lesson draft..." -> checkmark
- Text: "Created 'Photosynthesis: Converting Light to Energy' in Section 2. You can find it in the content tree."
- Content tree refreshes, new lesson appears
Flow 2: "Generate 5 MCQ questions from this lesson"
The teacher is viewing a lesson and opens the AI assistant.
- Teacher sends: "Generate 5 multiple choice questions from this lesson"
- The
Chatclass sends{ courseId, messages, context: { lessonId: 'current-lesson-id' } } - The system prompt includes: "The teacher is currently viewing lesson ID: {lessonId}"
- LLM calls
get_lesson_content(lessonId)to read the lesson text - LLM generates 5 questions based on the content
- LLM calls
add_exercise_questions(exerciseId, questions)— if there's a linked exercise, it adds there. If not, it tells the teacher there's no exercise linked and asks if it should create one. - Result streams back with tool status cards and a summary
What the teacher sees:
- Tool card: "Reading lesson content..." -> checkmark
- Tool card: "Adding 5 questions..." -> checkmark
- Text: "I've added 5 multiple-choice questions to the exercise. Here's a summary: 1. What is the primary function of... [etc]"
- Exercise data refreshes automatically
Flow 3: "Update the introduction paragraph of this lesson"
The teacher is editing a lesson and wants the AI to improve specific text.
- Teacher sends: "Rewrite the introduction paragraph to be more engaging"
- Context includes the current
lessonId - LLM calls
get_lesson_content(lessonId)to read the full lesson - LLM identifies the introduction paragraph, rewrites it
- System prompt instructs: "When updating existing lesson content, show the proposed changes and ask for confirmation before applying." — this is the "preview for destructive changes" pattern
- LLM presents the new introduction in the chat
- Teacher says "apply it" or "make it shorter"
- LLM calls
update_lesson_content(lessonId, fullUpdatedContent) - Lesson store refreshes, teacher sees the updated text in the editor
Important: update_lesson_content replaces the full lesson note. The LLM must reconstruct the complete lesson HTML with only the introduction changed. The system prompt will instruct: "When updating lesson content, always preserve all existing content. Only modify the specific section the teacher asked about."
Flow 4 (v2): Student asks "I don't understand the Calvin cycle"
- Student is viewing a lesson about photosynthesis
- Student sends: "I don't understand the Calvin cycle, can you explain it more simply?"
- Role detected as
'student'— student tool set loaded (read-only) - LLM calls
get_lesson_content(lessonId)to read what the lesson says about the Calvin cycle - LLM generates a simplified explanation based on the lesson content + its training knowledge
- Response streams back — pure text, no tool mutations, no changes to any data
Key difference from teacher flow: No mutation tools are available. The agent can only read course content and generate text responses. The tool set IS the security boundary.
LLM Provider Abstraction
Configurable via environment variables:
AI_PROVIDER—openai|anthropic(default:openai)AI_API_KEY— the provider API keyAI_MODEL— model name override (default: provider's recommended model)
The provider factory in packages/ai-assistant normalizes this into a single LanguageModel instance that streamText() consumes. Both OpenAI and Anthropic support function/tool calling natively through the AI SDK.
Conversation Persistence
For v1, conversation history is session-scoped — managed entirely in-memory by the Chat class on the client. When the teacher closes the sidebar or navigates away, the conversation resets. No database table needed.
v2 consideration: persist conversations per course in the database for history/continuity.
API Routes
New route domain: /agent
GET /agent/status— returns{ enabled, role, usage: { used, allowance, creditBalance, remaining } }. Used by client to show/hide the button, configure chips, and display usage meter.POST /agent/chat— the single chat endpoint. Accepts{ courseId, messages, context }. Checks token balance, detects role, loads tools/prompt, returns SSE stream. Records token usage after completion.GET /agent/usage— returns detailed usage stats for the current org (current month usage, allowance, credit balance, history).POST /agent/credits— purchase additional credits. Protected byorgAdminMiddleware.
Registered in apps/api/src/app.ts as .route('/agent', agentRouter).
Implementation Phases
Phase 1: Foundation (scaffold + role-aware chat shell + token tables)
- Create
packages/ai-assistantwithAgentRole,AgentContexttypes, provider factory, role-aware tool registry (v1: 7 core tools), and role-aware system prompt with no-hallucination boundary - Add
ai_token_usageandai_credit_balancetables to DB schema, add token allowance to plan payload - Add
GET /agent/statusandPOST /agent/chatroute skeleton inapps/apiwith role detection (students get 403 in v1) and token balance check - Add "AI Assistant" button to course sidebar (gated on status endpoint + plan check)
- Build right sidebar Sheet with basic chat UI (hardcoded echo responses)
Phase 2: Agent Core (LLM integration + v1 tools + usage tracking)
- Implement provider factory (OpenAI + Anthropic) using
createModel(config) - Wire v1 core tools (7 tools) to existing services via
streamText()withstopWhen: stepCountIs(5) - Record
promptTokens+completionTokensafter each call; enforce balance check before each call - Connect chat UI to streaming API via
@ai-sdk/svelteChatclass; render streamed tokens and tool status cards - Add usage meter to AI assistant sidebar header
- Implement
onFinishstore refresh for lesson/exercise data
Phase 3: Polish + Safeguards + Credits
- Add tool-level permission re-validation (verify resource belongs to course/org)
- Add rate limiting (per-user, per-org, requests/minute)
- Add quick-action chips and context-aware suggestions
- Self-host env var detection and
GET /agent/statuslogic - Add conversation context windowing (trim long histories)
- Implement
POST /agent/creditsfor purchasing credit packs - Add credit purchase UI in org settings + exhausted-state UI in chat
- Add
GET /agent/usagefor detailed usage dashboard
Phase 4: More Tools
- Add Phase 2+ tools (sections, reorder, delete, translations, templates, tags, newsfeed)
- Update no-hallucination boundary to remove "cannot manage sections" etc.
Phase 5: Student Assistant (v2)
- Implement student tool schemas and execute functions
- Write student system prompt template
- Remove the v1 student 403 gate
- Add student quick-action chips
- Surface the AI assistant button in the student course view (course-app)
- Student usage counts against the org's token budget (same pool)
Files to Create / Modify
New files:
prd/ai-course-assistant/README.md— this PRD (replace existing)
Files referenced (not modified in PRD phase):
- packages/db/src/schema.ts — where
ai_token_usageandai_credit_balancetables will be added (nearorganizationPlanat line 1324) - packages/utils/src/plans/constants.ts — where AI token allowance feature constants will be added
- apps/api/src/app.ts — where agent route will be registered
- apps/api/src/middlewares/ — existing middleware to reuse
- apps/api/src/services/ — existing services the agent will call
- apps/dashboard/src/lib/features/course/components/sidebar/course-sidebar-navigation.svelte — where the AI button goes
- apps/dashboard/src/lib/utils/store/org.ts — where plan-based derived stores live (e.g.,
isFreePlan,currentOrgPlan)