💜

Violet AI — Export Bundle

Complete codebase for import into another Base44 app

2936 lines · 11 files · 7 secrets

Files to Copy

1112
src/pages/VioletAI.jsx

Main chat interface + auth gate

177
src/hooks/useVioletVoice.js

ElevenLabs TTS + browser fallback

112
src/hooks/useVioletSpeechInput.js

Web Speech API push-to-talk

239
src/hooks/useContinuousConversation.js

Wake-word + hands-free loop

49
src/components/violet/VioletBeatResult.jsx

Beat player + download

25
src/components/violet/VioletLyricsResult.jsx

Lyrics display + download

230
src/components/VoiceTranslatorModal.jsx

12-language voice translator

553
base44/functions/violetTools/entry.ts

Email, SMS, CRM, revenue, grants

78
base44/functions/violetSpeak/entry.ts

ElevenLabs text-to-speech

70
base44/functions/violetTwilioVoice/entry.ts

Twilio phone call handler

291
base44/agents/violet.jsonc

Agent config + system prompt

Required Secrets

•ELEVENLABS_API_KEY
•TWILIO_ACCOUNT_SID
•TWILIO_AUTH_TOKEN
•TWILIO_PHONE_NUMBER
•Tuneshack_Mail
•SQUARE_ACCESS_TOKEN (optional)
•SQUARE_LOCATION_ID (optional)

NPM Packages

•react-markdown
•lucide-react
•@base44/sdk@^0.8.43

Route in App.jsx

import VioletAI from '@/pages/VioletAI';
// Inside <Routes>:
<Route path="/violet" element={<VioletAI />} />

How to Import

  1. 1. Copy each file listed above into the target app at the same path
  2. 2. Set all required secrets in the target app (Settings → Secrets)
  3. 3. Install the NPM packages
  4. 4. Add the route to App.jsx
  5. 5. The violet.jsonc goes in base44/agents/violet.jsonc

Violet AI · FMG Ecosystem · 2026