feat(Student): Persistent Chatbot

[hirokiterashima]

Changes

• Student VLE can be launched with a chatbot via settings in the project.json. The chatbot persists across steps, similar to the student notebook. You can create/rename/delete chat windows.

Student Experience

1. Student sees a floating chatbot button (robot icon) in bottom-right corner
2. Click to open the chatbot interface
3. Type questions and press Enter or click Send
4. AI responds with helpful answers
5. Conversation history is saved automatically
6. Can minimize, maximize, or add/rename/delete chat anytime

Technical Flow

Student Input → Frontend (Angular) → Backend API → LLM (GPT/Gemini) → Response → Frontend → Display
                                          ↓
                                    Database (Chat History)

Test prep

• Test with feat(Chatbot): New endpoint for chatbot WISE-API#313
• Add this block at the top-level to the project.json for a unit that is used in a run:

{
  ...
  "chatbot": {
    "enabled": true,
    "systemPrompt": "You are helping a middle school science teacher make changes to their curriculum. Respond in 50 words or less."
  },
  ...
}

Test

Note: you must be logged in as a student and launch the VLE for the run that you edited above.

• send chat/receive response from AI
• chat messages persist across refresh
• create new chat
• edit chat title
• delete chat -> This actually does a soft delete. The chat should become hidden from view.
• units that don't have the chatbot enabled should work as before

[qltysh]

Coverage Impact

Unable to calculate total coverage change because base branch coverage was not found.

Modified Files with Diff Coverage (8)

Rating	File	% Diff	Uncovered Line #s
	src/assets/wise5/vle/vle.component.ts	57.1%	74-223
	src/app/chatbot/chatbot.component.ts	83.7%	80-81, 129, 138-157...
	src/app/chatbot/chatbot.service.ts	50.0%	14-35
	src/app/chatbot/awsBedRock.service.ts	75.0%	11-12
	...emes/default/themeComponents/stepTools/step-tools.component.ts	100.0%
	src/app/chatbot/chat.service.ts	30.0%	13-53
	src/app/chatbot/chat.ts	100.0%
	src/app/chatbot/chat-history-dialog.component.ts	12.5%	23-105
	Total	55.1%

🤖 Increase coverage with AI coding...

In the `persistent-chatbot` branch, add test coverage for this new code:

- `src/app/chatbot/awsBedRock.service.ts` -- Line 11-12
- `src/app/chatbot/chat-history-dialog.component.ts` -- Line 23-105
- `src/app/chatbot/chat.service.ts` -- Line 13-53
- `src/app/chatbot/chatbot.component.ts` -- Lines 80-81, 129, 138-157, 165, and 176-179
- `src/app/chatbot/chatbot.service.ts` -- Line 14-35
- `src/assets/wise5/vle/vle.component.ts` -- Line 74-223

🚦 See full report on Qlty Cloud »

🛟 Help

• Diff Coverage: Coverage for added or modified lines of code (excludes deleted files). Learn more.

• Total Coverage: Coverage for the whole repository, calculated as the sum of all File Coverage. Learn more.

• File Coverage: Covered Lines divided by Covered Lines plus Missed Lines. (Excludes non-executable lines including blank lines and comments.)

  • Indirect Changes: Changes to File Coverage for files that were not modified in this PR. Learn more.

[breity]

LGTM 👍

[hirokiterashima]

🎉 This PR is included in version 5.201.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀