f89e074dd1
Governed substrate for autonomous agents: scoped identity (passports), audited actions, MCP workspace. Infra IPs and secrets redacted for public release.
325 lines
11 KiB
Dart
325 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
import '../../../core/theme.dart';
|
||
import '../../chat/data/models.dart';
|
||
import '../../chat/providers/call_provider.dart';
|
||
import '../../chat/providers/conversations_provider.dart';
|
||
import '../../chat/ui/call_screen.dart';
|
||
|
||
/// Standalone Contacts screen with search.
|
||
class ContactsScreen extends ConsumerStatefulWidget {
|
||
const ContactsScreen({super.key});
|
||
|
||
@override
|
||
ConsumerState<ContactsScreen> createState() => _ContactsScreenState();
|
||
}
|
||
|
||
class _ContactsScreenState extends ConsumerState<ContactsScreen> {
|
||
final _searchController = TextEditingController();
|
||
String _searchQuery = '';
|
||
bool _showSearch = false;
|
||
|
||
@override
|
||
void dispose() {
|
||
_searchController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
List<Contact> _applySearch(List<Contact> contacts) {
|
||
if (_searchQuery.isEmpty) return contacts;
|
||
final q = _searchQuery.toLowerCase();
|
||
return contacts.where((c) {
|
||
return c.name.toLowerCase().contains(q) ||
|
||
(c.email?.toLowerCase().contains(q) ?? false) ||
|
||
(c.role?.toLowerCase().contains(q) ?? false) ||
|
||
(c.company?.toLowerCase().contains(q) ?? false) ||
|
||
(c.phone?.contains(q) ?? false);
|
||
}).toList();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final contactsAsync = ref.watch(contactsProvider);
|
||
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
title: _showSearch
|
||
? TextField(
|
||
controller: _searchController,
|
||
autofocus: true,
|
||
style: const TextStyle(color: GodTheme.textPrimary, fontSize: 16),
|
||
decoration: const InputDecoration(
|
||
hintText: 'Search contacts...',
|
||
hintStyle: TextStyle(color: GodTheme.textMuted),
|
||
border: InputBorder.none,
|
||
contentPadding: EdgeInsets.zero,
|
||
isDense: true,
|
||
),
|
||
onChanged: (v) => setState(() => _searchQuery = v),
|
||
)
|
||
: const Text('Contacts'),
|
||
actions: [
|
||
IconButton(
|
||
icon: Icon(_showSearch ? Icons.close : Icons.search),
|
||
onPressed: () {
|
||
setState(() {
|
||
_showSearch = !_showSearch;
|
||
if (!_showSearch) {
|
||
_searchController.clear();
|
||
_searchQuery = '';
|
||
}
|
||
});
|
||
},
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.refresh),
|
||
onPressed: () => ref.read(contactsProvider.notifier).refresh(),
|
||
),
|
||
],
|
||
),
|
||
body: contactsAsync.when(
|
||
loading: () => const Center(child: CircularProgressIndicator()),
|
||
error: (err, _) => Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
const Icon(Icons.error_outline, size: 48, color: GodTheme.error),
|
||
const SizedBox(height: 12),
|
||
Text(err.toString(),
|
||
style: const TextStyle(color: GodTheme.textSecondary)),
|
||
const SizedBox(height: 12),
|
||
OutlinedButton.icon(
|
||
onPressed: () => ref.read(contactsProvider.notifier).refresh(),
|
||
icon: const Icon(Icons.refresh),
|
||
label: const Text('Retry'),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
data: (contacts) {
|
||
final filtered = _applySearch(contacts);
|
||
|
||
if (contacts.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.people_outline, size: 64,
|
||
color: GodTheme.textMuted.withOpacity(0.3)),
|
||
const SizedBox(height: 16),
|
||
const Text('No contacts found',
|
||
style: TextStyle(color: GodTheme.textSecondary)),
|
||
const SizedBox(height: 8),
|
||
const Text('Users from your CRM will appear here',
|
||
style: TextStyle(color: GodTheme.textMuted, fontSize: 13)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
if (filtered.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.search_off, size: 64,
|
||
color: GodTheme.textMuted.withOpacity(0.3)),
|
||
const SizedBox(height: 16),
|
||
const Text('No matching contacts',
|
||
style: TextStyle(color: GodTheme.textSecondary)),
|
||
const SizedBox(height: 8),
|
||
TextButton(
|
||
onPressed: () => setState(() {
|
||
_searchController.clear();
|
||
_searchQuery = '';
|
||
}),
|
||
child: const Text('Clear search'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
return RefreshIndicator(
|
||
onRefresh: () => ref.read(contactsProvider.notifier).refresh(),
|
||
child: ListView.separated(
|
||
padding: const EdgeInsets.symmetric(vertical: 4),
|
||
itemCount: filtered.length,
|
||
separatorBuilder: (_, __) => const Divider(height: 1, indent: 72),
|
||
itemBuilder: (context, index) {
|
||
final contact = filtered[index];
|
||
return _ContactTile(contact: contact);
|
||
},
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// Single contact tile with new chat button.
|
||
class _ContactTile extends ConsumerWidget {
|
||
final Contact contact;
|
||
|
||
const _ContactTile({required this.contact});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
return ListTile(
|
||
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 2),
|
||
leading: CircleAvatar(
|
||
radius: 22,
|
||
backgroundColor: _colorForName(contact.name).withOpacity(0.15),
|
||
child: Text(
|
||
contact.initials,
|
||
style: TextStyle(
|
||
color: _colorForName(contact.name),
|
||
fontWeight: FontWeight.w600,
|
||
fontSize: 14,
|
||
),
|
||
),
|
||
),
|
||
title: Text(
|
||
contact.name,
|
||
style: const TextStyle(fontWeight: FontWeight.w500, fontSize: 15),
|
||
),
|
||
subtitle: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
if (contact.email != null)
|
||
Text(
|
||
contact.email!,
|
||
style: const TextStyle(color: GodTheme.textSecondary, fontSize: 13),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
if (contact.role != null || contact.company != null)
|
||
Text(
|
||
[contact.role, contact.company].whereType<String>().join(' @ '),
|
||
style: const TextStyle(color: GodTheme.textMuted, fontSize: 12),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
],
|
||
),
|
||
trailing: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
IconButton(
|
||
icon: const Icon(Icons.chat_bubble_outline, size: 18),
|
||
color: GodTheme.primary,
|
||
tooltip: 'New chat',
|
||
onPressed: () => _startNewChat(context, ref),
|
||
constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
|
||
padding: EdgeInsets.zero,
|
||
),
|
||
// Call without recording (simple call, no chat)
|
||
IconButton(
|
||
icon: const Icon(Icons.phone_outlined, size: 18),
|
||
color: GodTheme.success,
|
||
tooltip: 'Звонок (без записи)',
|
||
onPressed: () => _startDirectCall(context, ref, withRecording: false),
|
||
constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
|
||
padding: EdgeInsets.zero,
|
||
),
|
||
// Call with recording (creates chat + transcription)
|
||
IconButton(
|
||
icon: const Icon(Icons.fiber_manual_record, size: 14),
|
||
color: const Color(0xFFEF4444),
|
||
tooltip: 'Звонок с записью',
|
||
onPressed: () => _startDirectCall(context, ref, withRecording: true),
|
||
constraints: const BoxConstraints(minWidth: 36, minHeight: 36),
|
||
padding: EdgeInsets.zero,
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Future<void> _startDirectCall(BuildContext context, WidgetRef ref, {required bool withRecording}) async {
|
||
try {
|
||
if (withRecording) {
|
||
// Create a chat first, then start call with recording
|
||
final conv = await ref.read(conversationsProvider.notifier).create(
|
||
title: 'Call: ${contact.name}',
|
||
participantIds: [contact.id],
|
||
);
|
||
if (conv != null && context.mounted) {
|
||
ref.read(callProvider.notifier).startCall(conv.id, withRecording: true);
|
||
Navigator.of(context).push(
|
||
MaterialPageRoute(builder: (_) => CallScreen(
|
||
conversationId: conv.id,
|
||
title: contact.name,
|
||
participantNames: [contact.name],
|
||
withRecording: true,
|
||
)),
|
||
);
|
||
}
|
||
} else {
|
||
// Simple call without recording — create temp conversation
|
||
final conv = await ref.read(conversationsProvider.notifier).create(
|
||
title: 'Call: ${contact.name}',
|
||
participantIds: [contact.id],
|
||
);
|
||
if (conv != null && context.mounted) {
|
||
ref.read(callProvider.notifier).startCall(conv.id, withRecording: false);
|
||
Navigator.of(context).push(
|
||
MaterialPageRoute(builder: (_) => CallScreen(
|
||
conversationId: conv.id,
|
||
title: contact.name,
|
||
participantNames: [contact.name],
|
||
withRecording: false,
|
||
)),
|
||
);
|
||
}
|
||
}
|
||
} catch (e) {
|
||
if (context.mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(
|
||
content: Text('Не удалось начать звонок: $e'),
|
||
backgroundColor: GodTheme.error,
|
||
),
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
Future<void> _startNewChat(BuildContext context, WidgetRef ref) async {
|
||
try {
|
||
final conv = await ref.read(conversationsProvider.notifier).create(
|
||
title: 'Chat with ${contact.name}',
|
||
participantIds: [contact.id],
|
||
);
|
||
if (conv != null && context.mounted) {
|
||
context.go('/chat/${conv.id}');
|
||
}
|
||
} catch (e) {
|
||
if (context.mounted) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(
|
||
content: Text('Failed to create chat: $e'),
|
||
backgroundColor: GodTheme.error,
|
||
),
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
Color _colorForName(String name) {
|
||
final colors = [
|
||
GodTheme.primary,
|
||
GodTheme.accent,
|
||
GodTheme.success,
|
||
GodTheme.warning,
|
||
GodTheme.info,
|
||
const Color(0xFFA855F7),
|
||
const Color(0xFFF43F5E),
|
||
const Color(0xFF14B8A6),
|
||
];
|
||
final hash = name.codeUnits.fold(0, (prev, c) => prev + c);
|
||
return colors[hash % colors.length];
|
||
}
|
||
}
|