rename container folders
This commit is contained in:
111
mih_ui/lib/mih_packages/mzansi_ai/mzansi_ai.dart
Normal file
111
mih_ui/lib/mih_packages/mzansi_ai/mzansi_ai.dart
Normal file
@@ -0,0 +1,111 @@
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_providers/mzansi_ai_provider.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_packages/mzansi_ai/package_tools/mih_ai_chat.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_services/mih_data_helper_services.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class MzansiAi extends StatefulWidget {
|
||||
const MzansiAi({
|
||||
super.key,
|
||||
});
|
||||
|
||||
@override
|
||||
State<MzansiAi> createState() => _MzansiAiState();
|
||||
}
|
||||
|
||||
class _MzansiAiState extends State<MzansiAi> {
|
||||
bool _isLoadingInitialData = true;
|
||||
late final MihAiChat _aiChat;
|
||||
|
||||
Future<void> _loadInitialData() async {
|
||||
setState(() {
|
||||
_isLoadingInitialData = true;
|
||||
});
|
||||
MzansiProfileProvider mzansiProfileProvider =
|
||||
context.read<MzansiProfileProvider>();
|
||||
if (mzansiProfileProvider.user == null) {
|
||||
await MihDataHelperServices().loadUserDataOnly(
|
||||
mzansiProfileProvider,
|
||||
);
|
||||
}
|
||||
setState(() {
|
||||
_isLoadingInitialData = false;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_aiChat = MihAiChat();
|
||||
_loadInitialData();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer<MzansiAiProvider>(
|
||||
builder: (BuildContext context, MzansiAiProvider value, Widget? child) {
|
||||
if (_isLoadingInitialData) {
|
||||
return Scaffold(
|
||||
body: Center(
|
||||
child: Mihloadingcircle(),
|
||||
),
|
||||
);
|
||||
}
|
||||
return MihPackage(
|
||||
appActionButton: getAction(),
|
||||
appTools: getTools(),
|
||||
appBody: getToolBody(),
|
||||
appToolTitles: getToolTitle(),
|
||||
selectedbodyIndex: context.watch<MzansiAiProvider>().toolIndex,
|
||||
onIndexChange: (newValue) {
|
||||
context.read<MzansiAiProvider>().setToolIndex(newValue);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
MihPackageAction getAction() {
|
||||
return MihPackageAction(
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
iconSize: 35,
|
||||
onTap: () {
|
||||
context.read<MzansiAiProvider>().setStartUpQuestion(null);
|
||||
context.goNamed(
|
||||
'mihHome',
|
||||
);
|
||||
FocusScope.of(context).unfocus();
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
MihPackageTools getTools() {
|
||||
Map<Widget, void Function()?> temp = {};
|
||||
temp[const Icon(Icons.chat)] = () {
|
||||
context.read<MzansiAiProvider>().setToolIndex(0);
|
||||
};
|
||||
return MihPackageTools(
|
||||
tools: temp,
|
||||
selcetedIndex: context.watch<MzansiAiProvider>().toolIndex,
|
||||
);
|
||||
}
|
||||
|
||||
List<Widget> getToolBody() {
|
||||
return [
|
||||
_aiChat,
|
||||
];
|
||||
}
|
||||
|
||||
List<String> getToolTitle() {
|
||||
List<String> toolTitles = [
|
||||
"Ask Mzansi",
|
||||
];
|
||||
return toolTitles;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:mzansi_innovation_hub/main.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tile.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
|
||||
|
||||
class MzansiAiTile extends StatefulWidget {
|
||||
final double packageSize;
|
||||
|
||||
const MzansiAiTile({
|
||||
super.key,
|
||||
required this.packageSize,
|
||||
});
|
||||
|
||||
@override
|
||||
State<MzansiAiTile> createState() => _MzansiAiTileState();
|
||||
}
|
||||
|
||||
class _MzansiAiTileState extends State<MzansiAiTile> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MihPackageTile(
|
||||
onTap: () {
|
||||
context.goNamed(
|
||||
'mzansiAi',
|
||||
);
|
||||
// Navigator.of(context).pushNamed(
|
||||
// '/mzansi-ai',
|
||||
// arguments: MzansiAiArguments(
|
||||
// widget.signedInUser,
|
||||
// "",
|
||||
// ),
|
||||
// );
|
||||
},
|
||||
appName: "Mzansi AI",
|
||||
appIcon: Icon(
|
||||
MihIcons.mzansiAi,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
// size: widget.packageSize,
|
||||
),
|
||||
iconSize: widget.packageSize,
|
||||
textColor: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
);
|
||||
}
|
||||
}
|
||||
388
mih_ui/lib/mih_packages/mzansi_ai/package_tools/mih_ai_chat.dart
Normal file
388
mih_ui/lib/mih_packages/mzansi_ai/package_tools/mih_ai_chat.dart
Normal file
@@ -0,0 +1,388 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_ai_toolkit/flutter_ai_toolkit.dart';
|
||||
import 'package:flutter_speed_dial/flutter_speed_dial.dart';
|
||||
import 'package:flutter_tts/flutter_tts.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:ken_logger/ken_logger.dart';
|
||||
import 'package:mzansi_innovation_hub/main.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_floating_menu.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_providers/mzansi_ai_provider.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
|
||||
import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class MihAiChat extends StatefulWidget {
|
||||
const MihAiChat({super.key});
|
||||
|
||||
@override
|
||||
State<MihAiChat> createState() => _MihAiChatState();
|
||||
}
|
||||
|
||||
class _MihAiChatState extends State<MihAiChat> with WidgetsBindingObserver {
|
||||
final FlutterTts _flutterTts = FlutterTts();
|
||||
bool _isKeyboardVisible = false;
|
||||
|
||||
Widget noMessagescDisplay() {
|
||||
return Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10.0),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
const SizedBox(height: 50),
|
||||
Icon(
|
||||
MihIcons.mzansiAi,
|
||||
size: 165,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
"Mzansi AI is here to help",
|
||||
textAlign: TextAlign.center,
|
||||
overflow: TextOverflow.visible,
|
||||
style: TextStyle(
|
||||
fontSize: 25,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 25),
|
||||
Center(
|
||||
child: RichText(
|
||||
textAlign: TextAlign.center,
|
||||
text: TextSpan(
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.normal,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
children: [
|
||||
TextSpan(
|
||||
text:
|
||||
"Send us a message and we'll try our best to assist you"),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Center(
|
||||
child: RichText(
|
||||
textAlign: TextAlign.center,
|
||||
text: TextSpan(
|
||||
style: TextStyle(
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.normal,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
children: [
|
||||
TextSpan(text: "Press "),
|
||||
WidgetSpan(
|
||||
alignment: PlaceholderAlignment.middle,
|
||||
child: Icon(
|
||||
Icons.menu,
|
||||
size: 20,
|
||||
color: MihColors.getSecondaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode ==
|
||||
"Dark"),
|
||||
),
|
||||
),
|
||||
TextSpan(text: " to start a new chat or read last message"),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void resetChat(MzansiAiProvider aiProvider) {
|
||||
aiProvider.ollamaProvider.resetChat();
|
||||
}
|
||||
|
||||
void speakLastMessage(MzansiAiProvider aiProvider) {
|
||||
final history = aiProvider.ollamaProvider.history;
|
||||
if (history.isNotEmpty) {
|
||||
final historyList = history.toList();
|
||||
for (int i = historyList.length - 1; i >= 0; i--) {
|
||||
if (historyList[i].origin == MessageOrigin.llm &&
|
||||
historyList[i].text != null &&
|
||||
historyList[i].text!.isNotEmpty) {
|
||||
_flutterTts.speak(historyList[i].text!);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void saveHistory(
|
||||
MzansiProfileProvider profileProvider, MzansiAiProvider aiProvider) {
|
||||
final history = aiProvider.ollamaProvider.history.toList();
|
||||
DateTime now = DateTime.now();
|
||||
DateFormat formatter = DateFormat('yyyy-MM-ddTHH:mm:ss');
|
||||
String formattedDateTimeNow = formatter.format(now);
|
||||
|
||||
// 1. Build the list of message Maps
|
||||
List<Map<String, dynamic>> messages = [];
|
||||
for (int i = 0; i < history.length; i++) {
|
||||
final map = history[i].toJson();
|
||||
map["order"] = i; // Add the order field
|
||||
messages.add(map);
|
||||
}
|
||||
|
||||
// 2. Build the main history Map (the root JSON object)
|
||||
final historyMap = <String, dynamic>{
|
||||
"conversation_id": "1234-asdf-5678-qwert",
|
||||
"app_id": profileProvider.user!.app_id,
|
||||
"modified_date": formattedDateTimeNow,
|
||||
"messages": messages, // The list of messages is included here
|
||||
};
|
||||
|
||||
// 3. Use JsonEncoder to convert the entire Map to a formatted JSON string
|
||||
const encoder = JsonEncoder.withIndent(' ');
|
||||
String jsonHistory = encoder.convert(historyMap);
|
||||
|
||||
// The output string will now be a correctly formatted and escaped JSON object.
|
||||
debugPrint("History: $jsonHistory");
|
||||
}
|
||||
|
||||
// void saveHistory(
|
||||
// MzansiProfileProvider profileProvider, MzansiAiProvider aiProvider) {
|
||||
// final history = aiProvider.ollamaProvider.history.toList();
|
||||
// DateTime now = DateTime.now();
|
||||
// DateFormat formatter = DateFormat('yyyy-MM-ddTHH:mm:ss');
|
||||
// String formattedDateTimeNow = formatter.format(now);
|
||||
// String jsonHistory = '{"conversation_id":"1234-asdf-5678-qwert",\n';
|
||||
// jsonHistory += '"app_id":"${profileProvider.user!.app_id}",\n';
|
||||
// jsonHistory += '"modified_date":"$formattedDateTimeNow",\n';
|
||||
// jsonHistory += '"messages":[\n';
|
||||
// KenLogger.success("History Length: ${history.length}");
|
||||
// for (int i = 0; i != history.length; i++) {
|
||||
// final map = history[i].toJson();
|
||||
// map["order"] = i;
|
||||
// final json = JsonEncoder.withIndent(' ').convert(map);
|
||||
// jsonHistory += json;
|
||||
// if (i != history.length - 1) {
|
||||
// KenLogger.success("i: $i");
|
||||
// jsonHistory += ",";
|
||||
// }
|
||||
// jsonHistory += "\n";
|
||||
// }
|
||||
// jsonHistory += ']}';
|
||||
// debugPrint("History: $jsonHistory");
|
||||
// }
|
||||
|
||||
void stopTTS(MzansiAiProvider aiProvider) {
|
||||
_flutterTts.stop();
|
||||
aiProvider.setTTSstate(false);
|
||||
}
|
||||
|
||||
Future<void> initTts(MzansiAiProvider aiProvider) async {
|
||||
try {
|
||||
await _flutterTts.setSpeechRate(!kIsWeb ? 0.55 : 1);
|
||||
// await _flutterTts.setLanguage("en-US");
|
||||
|
||||
// Safer voice selection with error handling
|
||||
_flutterTts.getVoices.then((data) {
|
||||
try {
|
||||
final voices = List<Map>.from(data);
|
||||
final englishVoices = voices.where((voice) {
|
||||
final name = voice["name"]?.toString().toLowerCase() ?? '';
|
||||
final locale = voice["locale"]?.toString().toLowerCase() ?? '';
|
||||
return name.contains("en-us") || locale.contains("en_us");
|
||||
}).toList();
|
||||
|
||||
if (englishVoices.isNotEmpty) {
|
||||
// Use the first available English voice
|
||||
_flutterTts.setVoice({"name": englishVoices.first["name"]});
|
||||
}
|
||||
// If no voices found, use default
|
||||
} catch (e) {
|
||||
KenLogger.error("Error setting TTS voice: $e");
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
KenLogger.error("Error initializing TTS: $e");
|
||||
}
|
||||
|
||||
_flutterTts.setStartHandler(() {
|
||||
if (mounted) {
|
||||
aiProvider.setTTSstate(true);
|
||||
}
|
||||
});
|
||||
|
||||
_flutterTts.setCompletionHandler(() {
|
||||
if (mounted) {
|
||||
aiProvider.setTTSstate(false);
|
||||
}
|
||||
});
|
||||
|
||||
_flutterTts.setErrorHandler((message) {
|
||||
if (mounted) {
|
||||
aiProvider.setTTSstate(false);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void initStartQuestion() {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) async {
|
||||
final mzansiAiProvider = context.read<MzansiAiProvider>();
|
||||
final startQuestion = mzansiAiProvider.startUpQuestion;
|
||||
if (startQuestion != null && startQuestion.isNotEmpty) {
|
||||
final stream =
|
||||
mzansiAiProvider.ollamaProvider.sendMessageStream(startQuestion);
|
||||
stream.listen((chunk) {});
|
||||
mzansiAiProvider.clearStartUpQuestion();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
MzansiAiProvider aiProvider = context.read<MzansiAiProvider>();
|
||||
initTts(aiProvider);
|
||||
initStartQuestion();
|
||||
WidgetsBinding.instance.addObserver(this);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_flutterTts.stop();
|
||||
WidgetsBinding.instance.removeObserver(this);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void didChangeMetrics() {
|
||||
final bottomInset = WidgetsBinding
|
||||
.instance.platformDispatcher.views.first.viewInsets.bottom;
|
||||
setState(() {
|
||||
_isKeyboardVisible = bottomInset > 0;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Consumer2<MzansiProfileProvider, MzansiAiProvider>(
|
||||
builder: (BuildContext context, MzansiProfileProvider profileProvider,
|
||||
MzansiAiProvider aiProvider, Widget? child) {
|
||||
bool hasHistory = aiProvider.ollamaProvider.history.isNotEmpty;
|
||||
String? lastMessage;
|
||||
if (hasHistory) {
|
||||
final histroyList = aiProvider.ollamaProvider.history.toList();
|
||||
lastMessage = histroyList[histroyList.length - 1].text;
|
||||
}
|
||||
|
||||
return Stack(
|
||||
children: [
|
||||
LlmChatView(
|
||||
provider: aiProvider.ollamaProvider,
|
||||
messageSender: aiProvider.ollamaProvider.sendMessageStream,
|
||||
speechToText: aiProvider.ollamaProvider.speechToText,
|
||||
// welcomeMessage:
|
||||
// "Mzansi AI is here to help. Send us a messahe and we'll try our best to assist you.",
|
||||
autofocus: false,
|
||||
enableAttachments: true,
|
||||
enableVoiceNotes: false,
|
||||
style: aiProvider.getChatStyle(context),
|
||||
suggestions: [
|
||||
"What is MIH all about?",
|
||||
"What are the features of MIH?"
|
||||
],
|
||||
),
|
||||
Positioned(
|
||||
top: 10,
|
||||
left: 10,
|
||||
child: MihButton(
|
||||
width: 200,
|
||||
height: 30,
|
||||
onPressed: () {
|
||||
saveHistory(profileProvider, aiProvider);
|
||||
},
|
||||
buttonColor: MihColors.getGreenColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
child: Text(
|
||||
"View History as json",
|
||||
style: TextStyle(
|
||||
color: MihColors.getPrimaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
if (hasHistory && lastMessage != null)
|
||||
Positioned(
|
||||
bottom: 80,
|
||||
left: 10,
|
||||
child: MihButton(
|
||||
width: 35,
|
||||
height: 35,
|
||||
onPressed: () {
|
||||
if (!aiProvider.ttsOn) {
|
||||
speakLastMessage(aiProvider);
|
||||
} else {
|
||||
stopTTS(aiProvider);
|
||||
}
|
||||
},
|
||||
buttonColor: !aiProvider.ttsOn
|
||||
? MihColors.getGreenColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark")
|
||||
: MihColors.getRedColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode ==
|
||||
"Dark"),
|
||||
child: Icon(
|
||||
!aiProvider.ttsOn ? Icons.volume_up : Icons.volume_off,
|
||||
color: MihColors.getPrimaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
right: 10,
|
||||
bottom: 80,
|
||||
child: MihFloatingMenu(
|
||||
animatedIcon: AnimatedIcons.menu_close,
|
||||
children: [
|
||||
SpeedDialChild(
|
||||
child: Icon(
|
||||
Icons.refresh,
|
||||
color: MihColors.getPrimaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode ==
|
||||
"Dark"),
|
||||
),
|
||||
label: "New Chat",
|
||||
labelBackgroundColor: MihColors.getGreenColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
labelStyle: TextStyle(
|
||||
color: MihColors.getPrimaryColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode ==
|
||||
"Dark"),
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
backgroundColor: MihColors.getGreenColor(
|
||||
MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
|
||||
onTap: () {
|
||||
resetChat(aiProvider);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (!hasHistory && !_isKeyboardVisible) noMessagescDisplay(),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user