refactor: unused files
This commit is contained in:
cogwheel0
@@ -1,397 +0,0 @@
|
||||
import 'dart:async';
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import '../../../core/models/conversation.dart';
|
||||
import '../../../core/models/chat_message.dart';
|
||||
|
||||
/// Advanced conversation search service with multiple search strategies
|
||||
class ConversationSearchService {
|
||||
static const int maxResults = 50;
|
||||
static const int contextLines = 2; // Lines before/after match for context
|
||||
|
||||
/// Search through conversations with various criteria
|
||||
Future<ConversationSearchResults> searchConversations({
|
||||
required List<Conversation> conversations,
|
||||
required String query,
|
||||
ConversationSearchOptions options = const ConversationSearchOptions(),
|
||||
}) async {
|
||||
if (query.trim().isEmpty) {
|
||||
return ConversationSearchResults.empty();
|
||||
}
|
||||
|
||||
final normalizedQuery = query.toLowerCase().trim();
|
||||
final results = <ConversationSearchMatch>[];
|
||||
|
||||
// Search through each conversation
|
||||
for (final conversation in conversations) {
|
||||
final matches = await _searchInConversation(
|
||||
conversation: conversation,
|
||||
query: normalizedQuery,
|
||||
options: options,
|
||||
);
|
||||
results.addAll(matches);
|
||||
}
|
||||
|
||||
// Sort results by relevance and date
|
||||
results.sort((a, b) {
|
||||
// First by relevance score (higher is better)
|
||||
final relevanceCompare = b.relevanceScore.compareTo(a.relevanceScore);
|
||||
if (relevanceCompare != 0) return relevanceCompare;
|
||||
|
||||
// Then by date (newer first)
|
||||
return b.timestamp.compareTo(a.timestamp);
|
||||
});
|
||||
|
||||
// Limit results
|
||||
final limitedResults = results.take(maxResults).toList();
|
||||
|
||||
return ConversationSearchResults(
|
||||
query: query,
|
||||
results: limitedResults,
|
||||
totalMatches: results.length,
|
||||
searchDuration: DateTime.now().difference(DateTime.now()),
|
||||
);
|
||||
}
|
||||
|
||||
/// Search within a single conversation
|
||||
Future<List<ConversationSearchMatch>> _searchInConversation({
|
||||
required Conversation conversation,
|
||||
required String query,
|
||||
required ConversationSearchOptions options,
|
||||
}) async {
|
||||
final matches = <ConversationSearchMatch>[];
|
||||
|
||||
// Search in conversation title
|
||||
if (options.searchTitles && _containsQuery(conversation.title, query)) {
|
||||
matches.add(
|
||||
ConversationSearchMatch(
|
||||
conversationId: conversation.id,
|
||||
conversationTitle: conversation.title,
|
||||
matchType: SearchMatchType.title,
|
||||
snippet: conversation.title,
|
||||
highlightedSnippet: _highlightQuery(conversation.title, query),
|
||||
relevanceScore: _calculateTitleRelevance(conversation.title, query),
|
||||
timestamp: conversation.updatedAt,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Search in messages
|
||||
if (options.searchMessages) {
|
||||
final messageMatches = await _searchInMessages(
|
||||
conversation: conversation,
|
||||
query: query,
|
||||
options: options,
|
||||
);
|
||||
matches.addAll(messageMatches);
|
||||
}
|
||||
|
||||
// Search in tags
|
||||
if (options.searchTags) {
|
||||
for (final tag in conversation.tags) {
|
||||
if (_containsQuery(tag, query)) {
|
||||
matches.add(
|
||||
ConversationSearchMatch(
|
||||
conversationId: conversation.id,
|
||||
conversationTitle: conversation.title,
|
||||
matchType: SearchMatchType.tag,
|
||||
snippet: tag,
|
||||
highlightedSnippet: _highlightQuery(tag, query),
|
||||
relevanceScore: _calculateTagRelevance(tag, query),
|
||||
timestamp: conversation.updatedAt,
|
||||
additionalInfo: {'tag': tag},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return matches;
|
||||
}
|
||||
|
||||
/// Search within messages of a conversation
|
||||
Future<List<ConversationSearchMatch>> _searchInMessages({
|
||||
required Conversation conversation,
|
||||
required String query,
|
||||
required ConversationSearchOptions options,
|
||||
}) async {
|
||||
final matches = <ConversationSearchMatch>[];
|
||||
|
||||
for (int i = 0; i < conversation.messages.length; i++) {
|
||||
final message = conversation.messages[i];
|
||||
|
||||
// Skip system messages if not enabled
|
||||
if (!options.includeSystemMessages && message.role == 'system') {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Filter by role if specified
|
||||
if (options.roleFilter != null && message.role != options.roleFilter) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Check if message contains query
|
||||
if (_containsQuery(message.content, query)) {
|
||||
final snippet = _extractSnippet(message.content, query);
|
||||
final contextMessages = _getContextMessages(conversation.messages, i);
|
||||
|
||||
matches.add(
|
||||
ConversationSearchMatch(
|
||||
conversationId: conversation.id,
|
||||
conversationTitle: conversation.title,
|
||||
messageId: message.id,
|
||||
matchType: SearchMatchType.message,
|
||||
snippet: snippet,
|
||||
highlightedSnippet: _highlightQuery(snippet, query),
|
||||
relevanceScore: _calculateMessageRelevance(message.content, query),
|
||||
timestamp: message.timestamp,
|
||||
messageRole: message.role,
|
||||
messageIndex: i,
|
||||
contextMessages: contextMessages,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
return matches;
|
||||
}
|
||||
|
||||
/// Extract relevant snippet around the query match
|
||||
String _extractSnippet(String content, String query) {
|
||||
const maxSnippetLength = 200;
|
||||
final queryIndex = content.toLowerCase().indexOf(query);
|
||||
|
||||
if (queryIndex == -1) {
|
||||
return content.substring(0, maxSnippetLength.clamp(0, content.length));
|
||||
}
|
||||
|
||||
// Calculate snippet bounds
|
||||
final start = (queryIndex - 50).clamp(0, content.length);
|
||||
final end = (queryIndex + query.length + 50).clamp(0, content.length);
|
||||
|
||||
String snippet = content.substring(start, end);
|
||||
|
||||
// Add ellipsis if needed
|
||||
if (start > 0) snippet = '...$snippet';
|
||||
if (end < content.length) snippet = '$snippet...';
|
||||
|
||||
return snippet;
|
||||
}
|
||||
|
||||
/// Get context messages around a matched message
|
||||
List<ChatMessage> _getContextMessages(List<ChatMessage> messages, int index) {
|
||||
final start = (index - contextLines).clamp(0, messages.length);
|
||||
final end = (index + contextLines + 1).clamp(0, messages.length);
|
||||
return messages.sublist(start, end);
|
||||
}
|
||||
|
||||
/// Highlight query matches in text
|
||||
String _highlightQuery(String text, String query) {
|
||||
if (query.isEmpty) return text;
|
||||
|
||||
final regex = RegExp(RegExp.escape(query), caseSensitive: false);
|
||||
return text.replaceAllMapped(regex, (match) {
|
||||
return '<mark>${match.group(0)}</mark>';
|
||||
});
|
||||
}
|
||||
|
||||
/// Check if text contains the query
|
||||
bool _containsQuery(String text, String query) {
|
||||
return text.toLowerCase().contains(query);
|
||||
}
|
||||
|
||||
/// Calculate relevance score for title matches
|
||||
double _calculateTitleRelevance(String title, String query) {
|
||||
final titleLower = title.toLowerCase();
|
||||
final queryLower = query.toLowerCase();
|
||||
|
||||
// Exact match gets highest score
|
||||
if (titleLower == queryLower) return 100.0;
|
||||
|
||||
// Title starts with query gets high score
|
||||
if (titleLower.startsWith(queryLower)) return 90.0;
|
||||
|
||||
// Title contains query as whole word gets medium score
|
||||
if (RegExp(
|
||||
r'\b' + RegExp.escape(queryLower) + r'\b',
|
||||
).hasMatch(titleLower)) {
|
||||
return 70.0;
|
||||
}
|
||||
|
||||
// Partial match gets lower score
|
||||
return 50.0;
|
||||
}
|
||||
|
||||
/// Calculate relevance score for message matches
|
||||
double _calculateMessageRelevance(String content, String query) {
|
||||
final contentLower = content.toLowerCase();
|
||||
final queryLower = query.toLowerCase();
|
||||
|
||||
// Count occurrences
|
||||
final occurrences = queryLower.allMatches(contentLower).length;
|
||||
|
||||
// Base score for containing the query
|
||||
double score = 30.0;
|
||||
|
||||
// Bonus for multiple occurrences
|
||||
score += (occurrences - 1) * 10.0;
|
||||
|
||||
// Bonus for whole word matches
|
||||
if (RegExp(
|
||||
r'\b' + RegExp.escape(queryLower) + r'\b',
|
||||
).hasMatch(contentLower)) {
|
||||
score += 20.0;
|
||||
}
|
||||
|
||||
// Penalty for very long messages (relevance dilution)
|
||||
if (content.length > 1000) {
|
||||
score *= 0.8;
|
||||
}
|
||||
|
||||
return score.clamp(0.0, 100.0);
|
||||
}
|
||||
|
||||
/// Calculate relevance score for tag matches
|
||||
double _calculateTagRelevance(String tag, String query) {
|
||||
final tagLower = tag.toLowerCase();
|
||||
final queryLower = query.toLowerCase();
|
||||
|
||||
// Exact match gets highest score
|
||||
if (tagLower == queryLower) return 80.0;
|
||||
|
||||
// Tag starts with query gets high score
|
||||
if (tagLower.startsWith(queryLower)) return 70.0;
|
||||
|
||||
// Partial match gets medium score
|
||||
return 50.0;
|
||||
}
|
||||
}
|
||||
|
||||
/// Search options for conversation search
|
||||
@immutable
|
||||
class ConversationSearchOptions {
|
||||
final bool searchTitles;
|
||||
final bool searchMessages;
|
||||
final bool searchTags;
|
||||
final bool includeSystemMessages;
|
||||
final String? roleFilter; // 'user', 'assistant', 'system'
|
||||
final DateTime? dateFrom;
|
||||
final DateTime? dateTo;
|
||||
final bool caseSensitive;
|
||||
|
||||
const ConversationSearchOptions({
|
||||
this.searchTitles = true,
|
||||
this.searchMessages = true,
|
||||
this.searchTags = true,
|
||||
this.includeSystemMessages = false,
|
||||
this.roleFilter,
|
||||
this.dateFrom,
|
||||
this.dateTo,
|
||||
this.caseSensitive = false,
|
||||
});
|
||||
|
||||
ConversationSearchOptions copyWith({
|
||||
bool? searchTitles,
|
||||
bool? searchMessages,
|
||||
bool? searchTags,
|
||||
bool? includeSystemMessages,
|
||||
String? roleFilter,
|
||||
DateTime? dateFrom,
|
||||
DateTime? dateTo,
|
||||
bool? caseSensitive,
|
||||
}) {
|
||||
return ConversationSearchOptions(
|
||||
searchTitles: searchTitles ?? this.searchTitles,
|
||||
searchMessages: searchMessages ?? this.searchMessages,
|
||||
searchTags: searchTags ?? this.searchTags,
|
||||
includeSystemMessages:
|
||||
includeSystemMessages ?? this.includeSystemMessages,
|
||||
roleFilter: roleFilter ?? this.roleFilter,
|
||||
dateFrom: dateFrom ?? this.dateFrom,
|
||||
dateTo: dateTo ?? this.dateTo,
|
||||
caseSensitive: caseSensitive ?? this.caseSensitive,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// Search results container
|
||||
@immutable
|
||||
class ConversationSearchResults {
|
||||
final String query;
|
||||
final List<ConversationSearchMatch> results;
|
||||
final int totalMatches;
|
||||
final Duration searchDuration;
|
||||
|
||||
const ConversationSearchResults({
|
||||
required this.query,
|
||||
required this.results,
|
||||
required this.totalMatches,
|
||||
required this.searchDuration,
|
||||
});
|
||||
|
||||
factory ConversationSearchResults.empty() {
|
||||
return ConversationSearchResults(
|
||||
query: '',
|
||||
results: const [],
|
||||
totalMatches: 0,
|
||||
searchDuration: Duration.zero,
|
||||
);
|
||||
}
|
||||
|
||||
bool get isEmpty => results.isEmpty;
|
||||
bool get isNotEmpty => results.isNotEmpty;
|
||||
int get length => results.length;
|
||||
}
|
||||
|
||||
/// Individual search match
|
||||
@immutable
|
||||
class ConversationSearchMatch {
|
||||
final String conversationId;
|
||||
final String conversationTitle;
|
||||
final String? messageId;
|
||||
final SearchMatchType matchType;
|
||||
final String snippet;
|
||||
final String highlightedSnippet;
|
||||
final double relevanceScore;
|
||||
final DateTime timestamp;
|
||||
final String? messageRole;
|
||||
final int? messageIndex;
|
||||
final List<ChatMessage>? contextMessages;
|
||||
final Map<String, dynamic>? additionalInfo;
|
||||
|
||||
const ConversationSearchMatch({
|
||||
required this.conversationId,
|
||||
required this.conversationTitle,
|
||||
this.messageId,
|
||||
required this.matchType,
|
||||
required this.snippet,
|
||||
required this.highlightedSnippet,
|
||||
required this.relevanceScore,
|
||||
required this.timestamp,
|
||||
this.messageRole,
|
||||
this.messageIndex,
|
||||
this.contextMessages,
|
||||
this.additionalInfo,
|
||||
});
|
||||
}
|
||||
|
||||
/// Types of search matches
|
||||
enum SearchMatchType { title, message, tag }
|
||||
|
||||
/// Provider for conversation search service
|
||||
final conversationSearchServiceProvider = Provider<ConversationSearchService>((
|
||||
ref,
|
||||
) {
|
||||
return ConversationSearchService();
|
||||
});
|
||||
|
||||
/// Provider for search results
|
||||
final conversationSearchResultsProvider =
|
||||
StateProvider<ConversationSearchResults?>((ref) {
|
||||
return null;
|
||||
});
|
||||
|
||||
/// Provider for search options
|
||||
final searchOptionsProvider = StateProvider<ConversationSearchOptions>((ref) {
|
||||
return const ConversationSearchOptions();
|
||||
});
|
||||
@@ -1,370 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../shared/theme/theme_extensions.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'dart:io' show Platform;
|
||||
import '../../../shared/utils/platform_utils.dart';
|
||||
import '../widgets/conversation_search_widget.dart';
|
||||
import '../../../core/providers/app_providers.dart';
|
||||
import '../providers/chat_providers.dart';
|
||||
import 'chat_page.dart';
|
||||
|
||||
/// Dedicated page for conversation search functionality
|
||||
class ConversationSearchPage extends ConsumerStatefulWidget {
|
||||
const ConversationSearchPage({super.key});
|
||||
|
||||
@override
|
||||
ConsumerState<ConversationSearchPage> createState() =>
|
||||
_ConversationSearchPageState();
|
||||
}
|
||||
|
||||
class _ConversationSearchPageState
|
||||
extends ConsumerState<ConversationSearchPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final conduitTheme = context.conduitTheme;
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
appBar: _buildAppBar(context, conduitTheme),
|
||||
body: ConversationSearchWidget(
|
||||
onResultTap: _onSearchResultTap,
|
||||
showFilters: true,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
PreferredSizeWidget _buildAppBar(
|
||||
BuildContext context,
|
||||
ConduitThemeExtension theme,
|
||||
) {
|
||||
if (Platform.isIOS) {
|
||||
return CupertinoNavigationBar(
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
border: Border(bottom: BorderSide(color: theme.cardBorder, width: 0.5)),
|
||||
leading: CupertinoNavigationBarBackButton(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
),
|
||||
middle: Text(
|
||||
'Search Conversations',
|
||||
style: TextStyle(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontSize: AppTypography.bodyLarge,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return AppBar(
|
||||
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
||||
elevation: Elevation.none,
|
||||
title: Text(
|
||||
'Search Conversations',
|
||||
style: TextStyle(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontSize: AppTypography.headlineMedium,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
leading: IconButton(
|
||||
icon: Icon(Icons.arrow_back, color: context.conduitTheme.textPrimary),
|
||||
onPressed: () => Navigator.of(context).pop(),
|
||||
),
|
||||
bottom: PreferredSize(
|
||||
preferredSize: const Size.fromHeight(1),
|
||||
child: Container(height: 1, color: theme.cardBorder),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _onSearchResultTap(String conversationId, String? messageId) {
|
||||
PlatformUtils.lightHaptic();
|
||||
|
||||
// Set the active conversation
|
||||
final conversationsAsync = ref.read(conversationsProvider);
|
||||
conversationsAsync.whenData((conversations) {
|
||||
final conversation = conversations.firstWhere(
|
||||
(c) => c.id == conversationId,
|
||||
orElse: () => throw Exception('Conversation not found'),
|
||||
);
|
||||
|
||||
// Set active conversation
|
||||
ref.read(activeConversationProvider.notifier).state = conversation;
|
||||
|
||||
// Navigate back to chat
|
||||
Navigator.of(context).pop();
|
||||
|
||||
// If we have a specific message, navigate to it and highlight it
|
||||
if (messageId != null) {
|
||||
// Use a custom navigation approach with message highlighting
|
||||
Navigator.of(context).pushReplacement(
|
||||
MaterialPageRoute(
|
||||
builder: (context) =>
|
||||
ChatPageWithHighlight(messageIdToHighlight: messageId),
|
||||
),
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/// Chat page wrapper that highlights a specific message
|
||||
class ChatPageWithHighlight extends ConsumerStatefulWidget {
|
||||
final String messageIdToHighlight;
|
||||
|
||||
const ChatPageWithHighlight({super.key, required this.messageIdToHighlight});
|
||||
|
||||
@override
|
||||
ConsumerState<ChatPageWithHighlight> createState() =>
|
||||
_ChatPageWithHighlightState();
|
||||
}
|
||||
|
||||
class _ChatPageWithHighlightState extends ConsumerState<ChatPageWithHighlight> {
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
// Schedule highlighting after the widget is built
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
_scrollToAndHighlightMessage();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_scrollController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _scrollToAndHighlightMessage() async {
|
||||
try {
|
||||
final messages = ref.read(chatMessagesProvider);
|
||||
final messageIndex = messages.indexWhere(
|
||||
(msg) => msg.id == widget.messageIdToHighlight,
|
||||
);
|
||||
|
||||
if (messageIndex >= 0 && _scrollController.hasClients) {
|
||||
// Calculate the approximate position (assuming 100px per message)
|
||||
final targetOffset = messageIndex * 100.0;
|
||||
|
||||
// Scroll to the message
|
||||
await _scrollController.animateTo(
|
||||
targetOffset,
|
||||
duration: const Duration(milliseconds: 500),
|
||||
curve: Curves.easeInOut,
|
||||
);
|
||||
|
||||
// Show a highlight indicator
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Found message'),
|
||||
duration: const Duration(seconds: 2),
|
||||
backgroundColor: context.conduitTheme.buttonPrimary,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(
|
||||
content: Text('Message not found'),
|
||||
backgroundColor: context.conduitTheme.error,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const ChatPage();
|
||||
}
|
||||
}
|
||||
|
||||
/// Search icon button for app bars
|
||||
class ConversationSearchButton extends ConsumerWidget {
|
||||
final VoidCallback? onPressed;
|
||||
|
||||
const ConversationSearchButton({super.key, this.onPressed});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
return IconButton(
|
||||
icon: Icon(
|
||||
Platform.isIOS ? CupertinoIcons.search : Icons.search,
|
||||
color: context.conduitTheme.iconPrimary.withValues(alpha: 0.8),
|
||||
size: IconSize.lg,
|
||||
),
|
||||
onPressed:
|
||||
onPressed ??
|
||||
() {
|
||||
PlatformUtils.lightHaptic();
|
||||
Navigator.of(context).push(
|
||||
Platform.isIOS
|
||||
? CupertinoPageRoute(
|
||||
builder: (context) => const ConversationSearchPage(),
|
||||
)
|
||||
: MaterialPageRoute(
|
||||
builder: (context) => const ConversationSearchPage(),
|
||||
),
|
||||
);
|
||||
},
|
||||
tooltip: 'Search conversations',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// Quick search overlay that can be shown from any page
|
||||
class QuickSearchOverlay extends ConsumerStatefulWidget {
|
||||
final VoidCallback? onDismiss;
|
||||
|
||||
const QuickSearchOverlay({super.key, this.onDismiss});
|
||||
|
||||
@override
|
||||
ConsumerState<QuickSearchOverlay> createState() => _QuickSearchOverlayState();
|
||||
}
|
||||
|
||||
class _QuickSearchOverlayState extends ConsumerState<QuickSearchOverlay>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late AnimationController _animationController;
|
||||
late Animation<double> _fadeAnimation;
|
||||
late Animation<Offset> _slideAnimation;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_animationController = AnimationController(
|
||||
duration: const Duration(milliseconds: 300),
|
||||
vsync: this,
|
||||
);
|
||||
|
||||
_fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
|
||||
CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
|
||||
);
|
||||
|
||||
_slideAnimation =
|
||||
Tween<Offset>(begin: const Offset(0, -1), end: Offset.zero).animate(
|
||||
CurvedAnimation(parent: _animationController, curve: Curves.easeOut),
|
||||
);
|
||||
|
||||
_animationController.forward();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_animationController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _dismiss() async {
|
||||
await _animationController.reverse();
|
||||
widget.onDismiss?.call();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
animation: _animationController,
|
||||
builder: (context, child) {
|
||||
return Stack(
|
||||
children: [
|
||||
// Backdrop
|
||||
GestureDetector(
|
||||
onTap: _dismiss,
|
||||
child: Container(
|
||||
color: context.conduitTheme.surfaceBackground.withValues(
|
||||
alpha: 0.7 * _fadeAnimation.value,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Search panel
|
||||
SlideTransition(
|
||||
position: _slideAnimation,
|
||||
child: FadeTransition(
|
||||
opacity: _fadeAnimation,
|
||||
child: Container(
|
||||
height: MediaQuery.of(context).size.height * 0.8,
|
||||
margin: const EdgeInsets.only(top: Spacing.xxxl + Spacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: context.conduitTheme.surfaceBackground,
|
||||
borderRadius: const BorderRadius.vertical(
|
||||
top: Radius.circular(AppBorderRadius.lg),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// Handle bar
|
||||
Container(
|
||||
margin: const EdgeInsets.only(top: Spacing.sm),
|
||||
width: 40,
|
||||
height: 4,
|
||||
decoration: BoxDecoration(
|
||||
color: context.conduitTheme.textPrimary.withValues(
|
||||
alpha: 0.3,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppBorderRadius.xs,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Search content
|
||||
Expanded(
|
||||
child: ConversationSearchWidget(
|
||||
onResultTap: (conversationId, messageId) {
|
||||
_onSearchResultTap(conversationId, messageId);
|
||||
_dismiss();
|
||||
},
|
||||
showFilters: false, // Simplified for overlay
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
void _onSearchResultTap(String conversationId, String? messageId) {
|
||||
// Same logic as the search page
|
||||
final conversationsAsync = ref.read(conversationsProvider);
|
||||
conversationsAsync.whenData((conversations) {
|
||||
final conversation = conversations.firstWhere(
|
||||
(c) => c.id == conversationId,
|
||||
orElse: () => throw Exception('Conversation not found'),
|
||||
);
|
||||
|
||||
ref.read(activeConversationProvider.notifier).state = conversation;
|
||||
|
||||
if (messageId != null) {
|
||||
debugPrint(
|
||||
'Navigate to message: $messageId in conversation: $conversationId',
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/// Show quick search overlay
|
||||
void showQuickSearch(BuildContext context) {
|
||||
showGeneralDialog(
|
||||
context: context,
|
||||
barrierColor: Colors.transparent,
|
||||
barrierDismissible: true,
|
||||
transitionDuration: const Duration(milliseconds: 300),
|
||||
pageBuilder: (context, animation, secondaryAnimation) {
|
||||
return QuickSearchOverlay(onDismiss: () => Navigator.of(context).pop());
|
||||
},
|
||||
);
|
||||
}
|
||||
@@ -1,490 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'dart:io' show Platform;
|
||||
import '../../../core/models/model.dart';
|
||||
import '../../../core/providers/app_providers.dart';
|
||||
import '../../../shared/theme/theme_extensions.dart';
|
||||
import '../../../shared/theme/app_theme.dart';
|
||||
import '../../../shared/widgets/conduit_components.dart';
|
||||
|
||||
class ModelSelectorPage extends ConsumerStatefulWidget {
|
||||
const ModelSelectorPage({super.key});
|
||||
|
||||
@override
|
||||
ConsumerState<ModelSelectorPage> createState() => _ModelSelectorPageState();
|
||||
}
|
||||
|
||||
class _ModelSelectorPageState extends ConsumerState<ModelSelectorPage> {
|
||||
final TextEditingController _searchController = TextEditingController();
|
||||
final FocusNode _searchFocusNode = FocusNode();
|
||||
String _searchQuery = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_searchController.addListener(_onSearchChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_searchController.removeListener(_onSearchChanged);
|
||||
_searchController.dispose();
|
||||
_searchFocusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onSearchChanged() {
|
||||
setState(() {
|
||||
_searchQuery = _searchController.text;
|
||||
});
|
||||
}
|
||||
|
||||
List<Model> _filterModels(List<Model> models) {
|
||||
if (_searchQuery.isEmpty) {
|
||||
return models;
|
||||
}
|
||||
|
||||
final query = _searchQuery.toLowerCase();
|
||||
return models.where((model) {
|
||||
return model.name.toLowerCase().contains(query) ||
|
||||
(model.description?.toLowerCase().contains(query) ?? false);
|
||||
}).toList();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final modelsAsync = ref.watch(modelsProvider);
|
||||
final selectedModel = ref.watch(selectedModelProvider);
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
backgroundColor: context.conduitTheme.surfaceBackground,
|
||||
elevation: Elevation.none,
|
||||
scrolledUnderElevation: Elevation.none,
|
||||
leading: ConduitIconButton(
|
||||
icon: Platform.isIOS
|
||||
? CupertinoIcons.back
|
||||
: Icons.arrow_back_rounded,
|
||||
onPressed: () => Navigator.pop(context),
|
||||
),
|
||||
title: Text(
|
||||
'Select Model',
|
||||
style: AppTypography.headlineMediumStyle.copyWith(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
// Search bar
|
||||
Container(
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: context.conduitTheme.surfaceBackground,
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: context.conduitTheme.dividerColor.withValues(alpha: 0.1),
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: _buildSearchField(),
|
||||
),
|
||||
// Models list
|
||||
Expanded(
|
||||
child: modelsAsync.when(
|
||||
data: (models) {
|
||||
final filteredModels = _filterModels(models);
|
||||
|
||||
if (models.isEmpty) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.cube_box
|
||||
: Icons.view_in_ar,
|
||||
size: IconSize.xxl,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
),
|
||||
const SizedBox(height: Spacing.lg),
|
||||
Text(
|
||||
'No models available',
|
||||
style: AppTypography.headlineSmallStyle.copyWith(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: Spacing.sm),
|
||||
Text(
|
||||
'Please check your Open-WebUI configuration',
|
||||
style: AppTypography.bodyMediumStyle.copyWith(
|
||||
color: context.conduitTheme.textSecondary,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
if (filteredModels.isEmpty && _searchQuery.isNotEmpty) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.search
|
||||
: Icons.search_rounded,
|
||||
size: IconSize.xxl,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
),
|
||||
const SizedBox(height: Spacing.lg),
|
||||
Text(
|
||||
'No models found',
|
||||
style: AppTypography.headlineSmallStyle.copyWith(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: Spacing.sm),
|
||||
Text(
|
||||
'Try searching with different keywords',
|
||||
style: AppTypography.bodyMediumStyle.copyWith(
|
||||
color: context.conduitTheme.textSecondary,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Group models by category if needed
|
||||
final groupedModels = _groupModels(filteredModels);
|
||||
|
||||
return ListView.builder(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
itemCount: groupedModels.length,
|
||||
itemBuilder: (context, index) {
|
||||
final group = groupedModels[index];
|
||||
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (group.title != null) ...[
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(
|
||||
Spacing.md,
|
||||
Spacing.md,
|
||||
Spacing.md,
|
||||
Spacing.sm,
|
||||
),
|
||||
child: Text(
|
||||
group.title!,
|
||||
style: AppTypography.labelStyle.copyWith(
|
||||
color: context.conduitTheme.textSecondary,
|
||||
fontWeight: FontWeight.w600,
|
||||
letterSpacing: 0.5,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
...group.models.map(
|
||||
(model) => ModelTile(
|
||||
model: model,
|
||||
isSelected: selectedModel?.id == model.id,
|
||||
onTap: () {
|
||||
ref.read(selectedModelProvider.notifier).state =
|
||||
model;
|
||||
ref.read(isManualModelSelectionProvider.notifier).state = true;
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
loading: () => Center(
|
||||
child: CircularProgressIndicator(
|
||||
valueColor: AlwaysStoppedAnimation<Color>(
|
||||
context.conduitTheme.buttonPrimary,
|
||||
),
|
||||
),
|
||||
),
|
||||
error: (error, _) => Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.exclamationmark_triangle
|
||||
: Icons.error_rounded,
|
||||
size: IconSize.xxl,
|
||||
color: context.conduitTheme.error,
|
||||
),
|
||||
const SizedBox(height: Spacing.lg),
|
||||
Text(
|
||||
'Failed to load models',
|
||||
style: AppTypography.headlineSmallStyle.copyWith(
|
||||
color: context.conduitTheme.textPrimary,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: Spacing.sm),
|
||||
Text(
|
||||
'Please try again later',
|
||||
style: AppTypography.bodyMediumStyle.copyWith(
|
||||
color: context.conduitTheme.textSecondary,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: Spacing.xl),
|
||||
ElevatedButton(
|
||||
onPressed: () => ref.refresh(modelsProvider),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: context.conduitTheme.buttonPrimary,
|
||||
foregroundColor: context.conduitTheme.buttonPrimaryText,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.buttonPadding,
|
||||
vertical: Spacing.md,
|
||||
),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.button),
|
||||
),
|
||||
elevation: Elevation.none,
|
||||
),
|
||||
child: Text(
|
||||
'Retry',
|
||||
style: AppTypography.labelStyle.copyWith(
|
||||
color: context.conduitTheme.buttonPrimaryText,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSearchField() {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [
|
||||
context.conduitTheme.inputBackground.withValues(alpha: 0.6),
|
||||
context.conduitTheme.inputBackground.withValues(alpha: 0.3),
|
||||
],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.lg),
|
||||
border: Border.all(
|
||||
color: context.conduitTheme.inputBorder.withValues(alpha: 0.3),
|
||||
width: BorderWidth.thin,
|
||||
),
|
||||
),
|
||||
child: TextField(
|
||||
controller: _searchController,
|
||||
focusNode: _searchFocusNode,
|
||||
style: TextStyle(
|
||||
color: context.conduitTheme.inputText,
|
||||
fontSize: AppTypography.bodyMedium,
|
||||
),
|
||||
decoration: InputDecoration(
|
||||
hintText: 'Search models...',
|
||||
hintStyle: TextStyle(
|
||||
color: context.conduitTheme.inputPlaceholder.withValues(alpha: 0.8),
|
||||
fontSize: AppTypography.bodyMedium,
|
||||
),
|
||||
prefixIcon: Icon(
|
||||
Platform.isIOS ? CupertinoIcons.search : Icons.search,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
size: IconSize.md,
|
||||
),
|
||||
suffixIcon: _searchQuery.isNotEmpty
|
||||
? IconButton(
|
||||
icon: Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.clear_circled_solid
|
||||
: Icons.clear,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
size: IconSize.md,
|
||||
),
|
||||
onPressed: () {
|
||||
_searchController.clear();
|
||||
_searchFocusNode.unfocus();
|
||||
},
|
||||
)
|
||||
: null,
|
||||
border: InputBorder.none,
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: 16,
|
||||
vertical: 14,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
List<ModelGroup> _groupModels(List<Model> models) {
|
||||
// For now, just return all models in one group
|
||||
// In the future, we can group by provider, capability, etc.
|
||||
return [ModelGroup(title: null, models: models)];
|
||||
}
|
||||
}
|
||||
|
||||
class ModelGroup {
|
||||
final String? title;
|
||||
final List<Model> models;
|
||||
|
||||
ModelGroup({required this.title, required this.models});
|
||||
}
|
||||
|
||||
class ModelTile extends StatelessWidget {
|
||||
final Model model;
|
||||
final bool isSelected;
|
||||
final VoidCallback onTap;
|
||||
|
||||
const ModelTile({
|
||||
super.key,
|
||||
required this.model,
|
||||
required this.isSelected,
|
||||
required this.onTap,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||||
elevation: isSelected ? 2 : 0,
|
||||
color: isSelected
|
||||
? context.conduitTheme.buttonPrimary.withValues(alpha: 0.1)
|
||||
: context.conduitTheme.cardBackground,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
side: BorderSide(
|
||||
color: isSelected
|
||||
? context.conduitTheme.buttonPrimary
|
||||
: context.conduitTheme.dividerColor.withValues(alpha: 0.3),
|
||||
width: isSelected ? 2 : 1,
|
||||
),
|
||||
),
|
||||
child: InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
model.name,
|
||||
style: AppTypography.bodyLargeStyle.copyWith(
|
||||
fontWeight: FontWeight.w600,
|
||||
color: isSelected
|
||||
? context.conduitTheme.buttonPrimary
|
||||
: context.conduitTheme.textPrimary,
|
||||
),
|
||||
),
|
||||
),
|
||||
if (isSelected)
|
||||
Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.checkmark_circle_fill
|
||||
: Icons.check_circle,
|
||||
color: context.conduitTheme.buttonPrimary,
|
||||
),
|
||||
],
|
||||
),
|
||||
if (model.description != null) ...[
|
||||
const SizedBox(height: Spacing.xs),
|
||||
Text(
|
||||
model.description!,
|
||||
style: AppTypography.bodySmallStyle.copyWith(
|
||||
color: context.conduitTheme.textSecondary,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
const SizedBox(height: Spacing.sm),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
children: [
|
||||
if (model.isMultimodal)
|
||||
_buildCapabilityChip(
|
||||
context,
|
||||
icon: Platform.isIOS ? CupertinoIcons.photo : Icons.image,
|
||||
label: 'Multimodal',
|
||||
color: AppTheme.info,
|
||||
),
|
||||
if (model.supportsStreaming)
|
||||
_buildCapabilityChip(
|
||||
context,
|
||||
icon: Platform.isIOS
|
||||
? CupertinoIcons.bolt
|
||||
: Icons.flash_on,
|
||||
label: 'Streaming',
|
||||
color: AppTheme.warning,
|
||||
),
|
||||
if (model.supportsRAG)
|
||||
_buildCapabilityChip(
|
||||
context,
|
||||
icon: Platform.isIOS
|
||||
? CupertinoIcons.doc_text
|
||||
: Icons.description,
|
||||
label: 'RAG',
|
||||
color: AppTheme.success,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCapabilityChip(
|
||||
BuildContext context, {
|
||||
required IconData icon,
|
||||
required String label,
|
||||
required Color color,
|
||||
}) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(icon, size: 14, color: color),
|
||||
const SizedBox(width: Spacing.xs),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
fontSize: AppTypography.labelMedium,
|
||||
color: color,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,739 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../shared/theme/app_theme.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:flutter_animate/flutter_animate.dart';
|
||||
import 'dart:io' show Platform;
|
||||
import '../../../shared/theme/theme_extensions.dart';
|
||||
import '../../../shared/widgets/loading_states.dart';
|
||||
import '../../../shared/widgets/empty_states.dart';
|
||||
|
||||
import '../../../shared/utils/platform_utils.dart';
|
||||
import '../services/conversation_search_service.dart';
|
||||
import '../../../core/providers/app_providers.dart';
|
||||
import '../../../core/utils/debug_logger.dart';
|
||||
|
||||
/// Advanced conversation search widget with filters and results
|
||||
class ConversationSearchWidget extends ConsumerStatefulWidget {
|
||||
final Function(String conversationId, String? messageId)? onResultTap;
|
||||
final bool showFilters;
|
||||
|
||||
const ConversationSearchWidget({
|
||||
super.key,
|
||||
this.onResultTap,
|
||||
this.showFilters = true,
|
||||
});
|
||||
|
||||
@override
|
||||
ConsumerState<ConversationSearchWidget> createState() =>
|
||||
_ConversationSearchWidgetState();
|
||||
}
|
||||
|
||||
class _ConversationSearchWidgetState
|
||||
extends ConsumerState<ConversationSearchWidget> {
|
||||
final TextEditingController _searchController = TextEditingController();
|
||||
final FocusNode _searchFocus = FocusNode();
|
||||
bool _isSearching = false;
|
||||
bool _showFilters = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_searchController.addListener(_onSearchChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_searchController.removeListener(_onSearchChanged);
|
||||
_searchController.dispose();
|
||||
_searchFocus.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onSearchChanged() {
|
||||
final query = _searchController.text.trim();
|
||||
ref.read(searchQueryProvider.notifier).state = query;
|
||||
|
||||
if (query.isNotEmpty) {
|
||||
_performSearch(query);
|
||||
} else {
|
||||
ref.read(conversationSearchResultsProvider.notifier).state = null;
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _performSearch(String query) async {
|
||||
if (_isSearching) return;
|
||||
|
||||
setState(() {
|
||||
_isSearching = true;
|
||||
});
|
||||
|
||||
try {
|
||||
final searchService = ref.read(conversationSearchServiceProvider);
|
||||
final conversations = ref
|
||||
.read(conversationsProvider)
|
||||
.when(
|
||||
data: (data) => data,
|
||||
loading: () => <dynamic>[],
|
||||
error: (_, _) => <dynamic>[],
|
||||
);
|
||||
|
||||
final options = ref.read(searchOptionsProvider);
|
||||
|
||||
final results = await searchService.searchConversations(
|
||||
conversations: conversations.cast(),
|
||||
query: query,
|
||||
options: options,
|
||||
);
|
||||
|
||||
ref.read(conversationSearchResultsProvider.notifier).state = results;
|
||||
} catch (e) {
|
||||
DebugLogger.error('Search error', e);
|
||||
} finally {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_isSearching = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final conduitTheme = context.conduitTheme;
|
||||
final searchResults = ref.watch(conversationSearchResultsProvider);
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// Search header
|
||||
Container(
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: conduitTheme.cardBackground,
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: conduitTheme.cardBorder,
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// Search input
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: conduitTheme.inputBackground,
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
border: Border.all(
|
||||
color: _searchFocus.hasFocus
|
||||
? conduitTheme.inputBorderFocused
|
||||
: conduitTheme.inputBorder,
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
child: TextField(
|
||||
controller: _searchController,
|
||||
focusNode: _searchFocus,
|
||||
decoration: InputDecoration(
|
||||
hintText: 'Search conversations...',
|
||||
hintStyle: TextStyle(
|
||||
color: context.conduitTheme.inputPlaceholder,
|
||||
fontSize: AppTypography.bodyLarge,
|
||||
),
|
||||
prefixIcon: Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.search
|
||||
: Icons.search,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
size: AppTypography.headlineMedium,
|
||||
),
|
||||
suffixIcon: _isSearching
|
||||
? Padding(
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
child: ConduitLoading.inline(
|
||||
size: Spacing.md,
|
||||
),
|
||||
)
|
||||
: _searchController.text.isNotEmpty
|
||||
? IconButton(
|
||||
icon: Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.clear
|
||||
: Icons.clear,
|
||||
color: context.conduitTheme.iconSecondary,
|
||||
size: AppTypography.headlineMedium,
|
||||
),
|
||||
onPressed: () {
|
||||
_searchController.clear();
|
||||
_searchFocus.unfocus();
|
||||
},
|
||||
)
|
||||
: null,
|
||||
border: InputBorder.none,
|
||||
contentPadding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.md,
|
||||
vertical: Spacing.xs,
|
||||
),
|
||||
),
|
||||
style: TextStyle(
|
||||
color: context.conduitTheme.inputText,
|
||||
fontSize: AppTypography.bodyLarge,
|
||||
),
|
||||
onSubmitted: (_) => _searchFocus.unfocus(),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// Filter toggle
|
||||
if (widget.showFilters) ...[
|
||||
const SizedBox(width: Spacing.xs),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
PlatformUtils.lightHaptic();
|
||||
setState(() {
|
||||
_showFilters = !_showFilters;
|
||||
});
|
||||
},
|
||||
child: Container(
|
||||
width: Spacing.xxl + Spacing.xs,
|
||||
height: Spacing.xxl + Spacing.xs,
|
||||
decoration: BoxDecoration(
|
||||
color: _showFilters
|
||||
? AppTheme.neutral50.withValues(alpha: 0.2)
|
||||
: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppBorderRadius.md,
|
||||
),
|
||||
border: Border.all(
|
||||
color: _showFilters
|
||||
? AppTheme.neutral50.withValues(alpha: 0.3)
|
||||
: conduitTheme.inputBorder,
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
child: Icon(
|
||||
Platform.isIOS
|
||||
? CupertinoIcons.slider_horizontal_3
|
||||
: Icons.tune,
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
size: AppTypography.headlineMedium,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
|
||||
// Search filters
|
||||
if (_showFilters && widget.showFilters)
|
||||
_buildSearchFilters(conduitTheme),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// Search results
|
||||
Expanded(child: _buildSearchResults(conduitTheme, searchResults)),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSearchFilters(ConduitThemeExtension theme) {
|
||||
final options = ref.watch(searchOptionsProvider);
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(top: Spacing.md),
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.05),
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
border: Border.all(color: theme.cardBorder, width: BorderWidth.regular),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Search in:',
|
||||
style: theme.bodySmall?.copyWith(
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: Spacing.xs),
|
||||
|
||||
// Search scope toggles
|
||||
Wrap(
|
||||
spacing: Spacing.md,
|
||||
runSpacing: Spacing.sm,
|
||||
children: [
|
||||
_buildFilterToggle(
|
||||
'Titles',
|
||||
options.searchTitles,
|
||||
(value) =>
|
||||
_updateSearchOptions(options.copyWith(searchTitles: value)),
|
||||
),
|
||||
_buildFilterToggle(
|
||||
'Messages',
|
||||
options.searchMessages,
|
||||
(value) => _updateSearchOptions(
|
||||
options.copyWith(searchMessages: value),
|
||||
),
|
||||
),
|
||||
_buildFilterToggle(
|
||||
'Tags',
|
||||
options.searchTags,
|
||||
(value) =>
|
||||
_updateSearchOptions(options.copyWith(searchTags: value)),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: Spacing.md),
|
||||
|
||||
Text(
|
||||
'Message type:',
|
||||
style: theme.bodySmall?.copyWith(
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: Spacing.xs),
|
||||
|
||||
// Role filter
|
||||
Wrap(
|
||||
spacing: Spacing.md,
|
||||
runSpacing: Spacing.sm,
|
||||
children: [
|
||||
_buildFilterChip(
|
||||
'All',
|
||||
options.roleFilter == null,
|
||||
() => _updateSearchOptions(options.copyWith(roleFilter: null)),
|
||||
),
|
||||
_buildFilterChip(
|
||||
'My messages',
|
||||
options.roleFilter == 'user',
|
||||
() =>
|
||||
_updateSearchOptions(options.copyWith(roleFilter: 'user')),
|
||||
),
|
||||
_buildFilterChip(
|
||||
'AI messages',
|
||||
options.roleFilter == 'assistant',
|
||||
() => _updateSearchOptions(
|
||||
options.copyWith(roleFilter: 'assistant'),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
).animate().slideY(
|
||||
begin: -0.5,
|
||||
end: 0,
|
||||
duration: const Duration(milliseconds: 200),
|
||||
curve: Curves.easeOut,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFilterToggle(
|
||||
String label,
|
||||
bool value,
|
||||
Function(bool) onChanged,
|
||||
) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
PlatformUtils.selectionHaptic();
|
||||
onChanged(!value);
|
||||
},
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
width: AppTypography.headlineMedium,
|
||||
height: AppTypography.headlineMedium,
|
||||
decoration: BoxDecoration(
|
||||
color: value ? AppTheme.brandPrimary : Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.xs),
|
||||
border: Border.all(
|
||||
color: value
|
||||
? AppTheme.brandPrimary
|
||||
: AppTheme.neutral50.withValues(alpha: 0.3),
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
child: value
|
||||
? const Icon(
|
||||
Icons.check,
|
||||
color: AppTheme.neutral50,
|
||||
size: AppTypography.labelLarge,
|
||||
)
|
||||
: null,
|
||||
),
|
||||
const SizedBox(width: Spacing.sm),
|
||||
Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
fontSize: AppTypography.labelLarge,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildFilterChip(String label, bool isActive, VoidCallback onTap) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
PlatformUtils.selectionHaptic();
|
||||
onTap();
|
||||
},
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.xs,
|
||||
vertical: Spacing.xs + Spacing.xxs,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: isActive
|
||||
? AppTheme.brandPrimary.withValues(alpha: 0.2)
|
||||
: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.lg),
|
||||
border: Border.all(
|
||||
color: isActive
|
||||
? AppTheme.brandPrimary
|
||||
: AppTheme.neutral50.withValues(alpha: 0.3),
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: isActive
|
||||
? AppTheme.brandPrimary
|
||||
: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
fontSize: AppTypography.labelMedium,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _updateSearchOptions(ConversationSearchOptions newOptions) {
|
||||
ref.read(searchOptionsProvider.notifier).state = newOptions;
|
||||
|
||||
// Re-search with new options if we have a query
|
||||
final query = _searchController.text.trim();
|
||||
if (query.isNotEmpty) {
|
||||
_performSearch(query);
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildSearchResults(
|
||||
ConduitThemeExtension theme,
|
||||
ConversationSearchResults? results,
|
||||
) {
|
||||
if (_searchController.text.trim().isEmpty) {
|
||||
return _buildSearchPrompt(theme);
|
||||
}
|
||||
|
||||
if (results == null) {
|
||||
return Center(child: ConduitLoading.primary());
|
||||
}
|
||||
|
||||
if (results.isEmpty) {
|
||||
return SearchEmptyState(
|
||||
query: results.query,
|
||||
onClearSearch: () {
|
||||
_searchController.clear();
|
||||
_searchFocus.unfocus();
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// Results header
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.md,
|
||||
vertical: Spacing.xs,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.05),
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: theme.cardBorder,
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Text(
|
||||
'${results.length} of ${results.totalMatches} results',
|
||||
style: theme.bodySmall?.copyWith(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.7),
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
Text(
|
||||
'${results.searchDuration.inMilliseconds}ms',
|
||||
style: theme.bodySmall?.copyWith(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.5),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// Results list
|
||||
Expanded(
|
||||
child: ListView.builder(
|
||||
itemCount: results.length,
|
||||
itemBuilder: (context, index) {
|
||||
final match = results.results[index];
|
||||
return _buildSearchResultItem(theme, match, index);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSearchPrompt(ConduitThemeExtension theme) {
|
||||
return ConduitEmptyState(
|
||||
title: 'Search your conversations',
|
||||
subtitle: 'Find messages, titles, and tags across all your conversations',
|
||||
icon: Platform.isIOS ? CupertinoIcons.search : Icons.search,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSearchResultItem(
|
||||
ConduitThemeExtension theme,
|
||||
ConversationSearchMatch match,
|
||||
int index,
|
||||
) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
PlatformUtils.lightHaptic();
|
||||
widget.onResultTap?.call(match.conversationId, match.messageId);
|
||||
},
|
||||
child: Container(
|
||||
margin: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.md,
|
||||
vertical: Spacing.xs,
|
||||
),
|
||||
padding: const EdgeInsets.all(Spacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: theme.cardBackground,
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
border: Border.all(
|
||||
color: theme.cardBorder,
|
||||
width: BorderWidth.regular,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Header with conversation title and match type
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
match.conversationTitle,
|
||||
style: theme.headingSmall?.copyWith(
|
||||
fontSize: AppTypography.bodyLarge,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: Spacing.sm),
|
||||
_buildMatchTypeBadge(match.matchType),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: Spacing.sm),
|
||||
|
||||
// Snippet with highlighted text
|
||||
_buildHighlightedSnippet(theme, match.highlightedSnippet),
|
||||
|
||||
const SizedBox(height: Spacing.sm),
|
||||
|
||||
// Footer with metadata
|
||||
Row(
|
||||
children: [
|
||||
if (match.messageRole != null) ...[
|
||||
_buildRoleBadge(match.messageRole!),
|
||||
const SizedBox(width: Spacing.sm),
|
||||
],
|
||||
Text(
|
||||
_formatTimestamp(match.timestamp),
|
||||
style: theme.caption,
|
||||
),
|
||||
const Spacer(),
|
||||
Text(
|
||||
'${match.relevanceScore.round()}% match',
|
||||
style: theme.caption?.copyWith(
|
||||
color: AppTheme.brandPrimary,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
.animate(delay: Duration(milliseconds: index * 50))
|
||||
.fadeIn(duration: const Duration(milliseconds: 200))
|
||||
.slideX(begin: 0.3, end: 0);
|
||||
}
|
||||
|
||||
Widget _buildMatchTypeBadge(SearchMatchType type) {
|
||||
Color color;
|
||||
String label;
|
||||
|
||||
switch (type) {
|
||||
case SearchMatchType.title:
|
||||
color = AppTheme.info;
|
||||
label = 'Title';
|
||||
break;
|
||||
case SearchMatchType.message:
|
||||
color = AppTheme.success;
|
||||
label = 'Message';
|
||||
break;
|
||||
case SearchMatchType.tag:
|
||||
color = AppTheme.warning;
|
||||
label = 'Tag';
|
||||
break;
|
||||
}
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.sm,
|
||||
vertical: Spacing.xxs,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withValues(alpha: 0.2),
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.md),
|
||||
),
|
||||
child: Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: color,
|
||||
fontSize: AppTypography.labelSmall,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildRoleBadge(String role) {
|
||||
Color color;
|
||||
String label;
|
||||
|
||||
switch (role) {
|
||||
case 'user':
|
||||
color = AppTheme.brandPrimary;
|
||||
label = 'You';
|
||||
break;
|
||||
case 'assistant':
|
||||
color = AppTheme.success;
|
||||
label = 'AI';
|
||||
break;
|
||||
case 'system':
|
||||
color = AppTheme.warning;
|
||||
label = 'System';
|
||||
break;
|
||||
default:
|
||||
color = AppTheme.neutral400;
|
||||
label = role;
|
||||
}
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: Spacing.xs + Spacing.xxs,
|
||||
vertical: Spacing.xxs,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: color.withValues(alpha: 0.2),
|
||||
borderRadius: BorderRadius.circular(AppBorderRadius.sm),
|
||||
),
|
||||
child: Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: color,
|
||||
fontSize: AppTypography.labelSmall,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHighlightedSnippet(
|
||||
ConduitThemeExtension theme,
|
||||
String highlightedText,
|
||||
) {
|
||||
// Simple implementation - in a real app you'd want proper HTML parsing
|
||||
final parts = highlightedText.split('<mark>');
|
||||
final spans = <InlineSpan>[];
|
||||
|
||||
for (int i = 0; i < parts.length; i++) {
|
||||
final part = parts[i];
|
||||
if (i == 0) {
|
||||
spans.add(TextSpan(text: part));
|
||||
} else {
|
||||
final markParts = part.split('</mark>');
|
||||
if (markParts.length >= 2) {
|
||||
// Highlighted part
|
||||
spans.add(
|
||||
TextSpan(
|
||||
text: markParts[0],
|
||||
style: TextStyle(
|
||||
backgroundColor: AppTheme.brandPrimary.withValues(alpha: 0.3),
|
||||
color: AppTheme.neutral50,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
// Rest of the text
|
||||
spans.add(TextSpan(text: markParts.sublist(1).join('</mark>')));
|
||||
} else {
|
||||
spans.add(TextSpan(text: part));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return RichText(
|
||||
text: TextSpan(
|
||||
style: theme.bodyMedium?.copyWith(
|
||||
color: AppTheme.neutral50.withValues(alpha: 0.8),
|
||||
height: 1.4,
|
||||
),
|
||||
children: spans,
|
||||
),
|
||||
maxLines: 3,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
);
|
||||
}
|
||||
|
||||
String _formatTimestamp(DateTime timestamp) {
|
||||
final now = DateTime.now();
|
||||
final diff = now.difference(timestamp);
|
||||
|
||||
if (diff.inDays > 7) {
|
||||
return '${timestamp.day}/${timestamp.month}/${timestamp.year}';
|
||||
} else if (diff.inDays > 0) {
|
||||
return '${diff.inDays}d ago';
|
||||
} else if (diff.inHours > 0) {
|
||||
return '${diff.inHours}h ago';
|
||||
} else if (diff.inMinutes > 0) {
|
||||
return '${diff.inMinutes}m ago';
|
||||
} else {
|
||||
return 'Just now';
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user