feat: global AI integrations into playground, initial phase

[Vinyl-Davyl]

AI Integrations for Accord Project Playground - Development Base Phase

Changes

• Editor-specific AI model training and prompts
• AI command palette for intuitive user interaction
• HuggingFace AI Model as primary AI provider with Gemini AI Model as fallback
• Specialized AI models for TemplateMark, Concerto, and Data editors
• Diff visualization system for reviewing AI suggestions
• Global useAI hook for consistent AI functionality across components
• Environment configuration with .env.example for easy setup
• Fallback mechanisms between HuggingFace and Gemini APIs

Setup Instructions

1. Copy .env.example to .env
2. Configure HuggingFace API key
3. (Optional) Configure Gemini API key for fallback
4. Install dependencies
5. Start development server

Screenshots or Video

VIDEO-2025-03-23-15-53-37.mov

Author Checklist

• DCO sign-off included in all commits
• AI functionality tested across all editors
• Environment configuration documented
• API fallback mechanisms verified
• Commit messages follow AP format
• Documentation updated with AI features
• Merging to main from development

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	4d80a44
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/67ecc91423dcf300086c1385
😎 Deploy Preview	https://deploy-preview-320--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[sancheet230]

@Vinyl-Davyl This will be very helpful for the one working on integrating AI into playground project

[Vinyl-Davyl]

Ohh Hi @sancheet230 👋
Thanks, resolved that already

[sancheet230]

@Vinyl-Davyl Thanks man you have already done a solid job for incorporating AI features in template-playground