implements Ai chat interface splits #81

[PixelCode01]

fixes #95 This PR improves the chat interface with better UI/UX and new features.

Features

• Welcome message with usage instructions
• Clear chat functionality
• Export chat to text file
• Voice input button (placeholder for future implementation)
• Quick actions panel for:
  • Saving notes
  • Scheduling reviews
  • Marking completion

UI Improvements

• Enhanced responsive layout
• Better dark mode support
• Improved hover states and transitions
• Better spacing and organization
• Added icons for better visual hierarchy

Technical Details

• Uses Tailwind CSS for styling
• Follows project's color scheme
• Maintains accessibility standards
• Includes dark mode support

Screenshots

Testing

• Tested on multiple screen sizes
• Verified dark mode functionality
• Tested export functionality
• Verified clear chat functionality

Next Steps

1. Implement voice input functionality
2. Add note saving backend
3. Implement review scheduling
4. Add completion tracking
5. improve output formatting

Summary by CodeRabbit

• New Features

  • Introduced a revamped AI learning experience with an enhanced chat interface, personalized tutoring, and new study planner features.
  • Launched interactive dashboards that track progress, showcase achievements, and offer curated learning paths.
  • Enabled collaborative tools such as group discussions and improved notification settings.

• UI Enhancements

  • Redesigned layouts and responsive interfaces across chats, dashboards, and study planners for a more seamless and engaging user experience.

[github-actions]

🚨 Missing Open Issue Link

This pull request appears to not reference any open GitHub issue.

As per our workflow requirements, all PRs should address an existing open issue. This ensures:

• Changes are properly tracked
• Work is discussed before implementation
• Code reviews are more focused

How to Fix This

Please link this PR to an existing open issue using one of these methods:

1. Reference the issue in your PR description: "Fixes darkmode/about #123" or "Addresses darkmode/about #123"
2. Use GitHub's interface to link the PR to an issue in the Development section
   - Look for the section that says "Development" on the right side of your PR
   - Click "Link an issue" or "Link issues"
   - Select the relevant issue(s)
3. If no issue exists yet, please create one first
4. If you linked to a closed issue, please link to an open issue instead

This PR will be automatically closed. Feel free to reopen it once you've linked it to an open issue or added appropriate labels.

Thank you for your contribution!

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

This pull request introduces extensive changes across the project. It adds new environment variable placeholders and numerous migrations that create and update models for interactions, study planning, chat sessions, achievements, and personalized learning. New admin classes, comprehensive model definitions, and additional service modules (for AI providers and NLP utilities) have been implemented. Also, a suite of new HTML templates, template tags/filters, views, and URL configurations have been added to enable AI-assisted chat, progress tracking, study planning, and tutoring functionalities. Moreover, new dependencies, testing scripts, and CSS files are introduced to support these features.

Changes

Files	Change Summary
.env.sample	Added placeholders for OPENAI_API_KEY and GEMINI_API_KEY.
ai/admin.py, ai/apps.py	Introduced new admin classes for Interaction, ProgressRecord, StudentProfile, StudyPlan and added an AIConfig class to initialize the app (including API key check, NLTK initialization, and logging).
ai/migrations/*	Multiple migration files to add and modify models such as Interaction, StudentProfile, StudyPlan, ProgressRecord, ChatSession, Message, StudySession, StudyMaterial, StudyProgress, Achievement, GroupDiscussion, DiscussionReply, LearningStreak, and StudyTask with field additions, removals, and renames.
ai/models.py	Added comprehensive models for AI-driven educational interactions, progress tracking, study planning, chat sessions, achievements, and personalized tutoring.
ai/progress.py	Added the ProgressTracker class to record interactions, update user progress, analyze learning metrics, and generate dashboard data.
ai/services/*.py	Introduced AIService for interacting with AI providers along with a base AIProvider class and concrete providers (DemoProvider, GeminiProvider); added configuration, NLP utilities, and a progress tracker module for AI integration.
ai/tutor.py, ai/tutors.py	Added PersonalizedTutor classes to provide AI tutoring by enhancing user queries with learning profiles and tracking progress.
ai/templates/ai/*.html	Added numerous HTML templates for features such as chat, dashboard, study planner, achievements, feedback, group discussions, learning paths, learning style assessments, minimal chat interface, and progress views.
ai/templatetags/*	Introduced new Django template filters and URL tags (e.g., ai_filters.py, ai_url_tags.py, custom_filters.py, filters.py) for the AI components.
ai_assistant/	Added templatetags and URL configuration (ai_assistant/urls.py) to integrate with the existing web.ai routing.
requirements.txt	Added new dependencies: openai (>=1.0.0), google-generativeai (>=0.3.0), dotenv, nltk, and tenacity for AI and social media functionalities.
scripts/	Added test scripts (test_gemini.py, test_gemini_flash.py) to validate Gemini API integration.
static/css/	Introduced new CSS files (ai_components.css and markdown.css) to style the AI assistant interface and Markdown content.
tests/test_ai.py	Added a comprehensive test suite for validating AI features (chat interface, message sending, study planner, progress tracking, achievements, group discussions, etc.).
web/	Updated several files: removed custom user admin registration in admin.py; modified email_backend.py for conditional SendGrid and Slack logging; added new forms (NotificationPreferencesForm and StudyGroupForm); updated the Profile model (added email_notifications and push_notifications); extended settings with new API keys and logging configurations; and introduced new URL patterns and views (e.g., notification preferences, study planner, feedback, and group discussions).

Sequence Diagram(s)

sequenceDiagram
    participant U as User
    participant CV as ChatView (send_message)
    participant AS as AIService
    participant GP as GeminiProvider / OpenAIProvider
    participant DB as Interaction Model

    U->>CV: Submit message
    CV->>AS: get_response(message, provider=auto)
    AS->>GP: Check provider availability
    GP-->>AS: Return response text
    AS->>DB: Log interaction details
    AS-->>CV: Return response data
    CV-->>U: Display AI response

Loading

sequenceDiagram
    participant U as User
    participant PT as PersonalizedTutor
    participant AS as AIService
    participant DB as User Profile/Progress

    U->>PT: Ask a question
    PT->>DB: Load user profile and progress data
    PT->>PT: Enhance prompt with context
    PT->>AS: get_response(enhanced prompt)
    AS-->>PT: Return personalized answer
    PT-->>U: Deliver AI tutor response

Loading

Suggested labels

approved

Suggested reviewers

• A1L13N

✨ Finishing Touches

• 📝 Generate Docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai plan to trigger planning for file edits and PR creation.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.