397 lines
13 KiB
Dart
397 lines
13 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:airhub_app/theme/design_tokens.dart';
|
|
import 'package:airhub_app/widgets/animated_gradient_background.dart';
|
|
import 'package:airhub_app/widgets/glass_dialog.dart';
|
|
import 'package:airhub_app/widgets/ios_toast.dart';
|
|
import 'package:airhub_app/features/spirit/domain/entities/spirit.dart';
|
|
import 'package:airhub_app/features/spirit/presentation/controllers/spirit_controller.dart';
|
|
|
|
class AgentManagePage extends ConsumerStatefulWidget {
|
|
const AgentManagePage({super.key});
|
|
|
|
@override
|
|
ConsumerState<AgentManagePage> createState() => _AgentManagePageState();
|
|
}
|
|
|
|
class _AgentManagePageState extends ConsumerState<AgentManagePage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final spiritsAsync = ref.watch(spiritControllerProvider);
|
|
|
|
return Scaffold(
|
|
backgroundColor: Colors.transparent,
|
|
body: Stack(
|
|
children: [
|
|
const AnimatedGradientBackground(),
|
|
Column(
|
|
children: [
|
|
_buildHeader(context),
|
|
Expanded(
|
|
child: spiritsAsync.when(
|
|
loading: () => const Center(
|
|
child: CircularProgressIndicator(color: Colors.white),
|
|
),
|
|
error: (error, _) => Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'加载失败',
|
|
style: TextStyle(
|
|
color: Colors.white.withOpacity(0.8),
|
|
fontSize: 16,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
GestureDetector(
|
|
onTap: () => ref.read(spiritControllerProvider.notifier).refresh(),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.2),
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: const Text(
|
|
'重试',
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
data: (spirits) {
|
|
if (spirits.isEmpty) {
|
|
return Center(
|
|
child: Text(
|
|
'暂无角色记忆',
|
|
style: TextStyle(
|
|
color: Colors.white.withOpacity(0.6),
|
|
fontSize: 16,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return ListView.builder(
|
|
padding: EdgeInsets.only(
|
|
top: 20,
|
|
left: 20,
|
|
right: 20,
|
|
bottom: 40 + MediaQuery.of(context).padding.bottom,
|
|
),
|
|
itemCount: spirits.length,
|
|
itemBuilder: (context, index) {
|
|
return _buildAgentCard(spirits[index]);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildHeader(BuildContext context) {
|
|
return Container(
|
|
padding: EdgeInsets.only(
|
|
top: MediaQuery.of(context).padding.top + 20,
|
|
left: AppSpacing.lg,
|
|
right: AppSpacing.lg,
|
|
bottom: AppSpacing.md,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () => Navigator.pop(context),
|
|
child: Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.iconBtnBg,
|
|
borderRadius: BorderRadius.circular(AppRadius.button),
|
|
),
|
|
child: const Icon(
|
|
Icons.arrow_back_ios_new,
|
|
color: AppColors.textPrimary,
|
|
size: 18,
|
|
),
|
|
),
|
|
),
|
|
Text('角色记忆', style: AppTextStyles.title),
|
|
GestureDetector(
|
|
onTap: () {
|
|
showGlassDialog(
|
|
context: context,
|
|
title: '什么是角色记忆?',
|
|
description:
|
|
'角色记忆是您与 AI 互动产生的人格数据，它是独立的数字资产，可以在不同设备间迁移，或分享给好友。',
|
|
confirmText: '确定',
|
|
onConfirm: () => Navigator.pop(context),
|
|
);
|
|
},
|
|
child: Container(
|
|
width: 44,
|
|
height: 44,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.iconBtnBg,
|
|
borderRadius: BorderRadius.circular(AppRadius.button),
|
|
border: Border.all(color: AppColors.iconBtnBorder),
|
|
),
|
|
child: const Center(
|
|
child: Text(
|
|
'?',
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
color: AppColors.textSecondary,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAgentCard(Spirit spirit) {
|
|
final dateStr = spirit.createdAt != null
|
|
? spirit.createdAt!.substring(0, 10).replaceAll('-', '/')
|
|
: '';
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 16),
|
|
padding: const EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFD4A373), // Fallback
|
|
gradient: const LinearGradient(colors: AppColors.gradientCapybara),
|
|
borderRadius: BorderRadius.circular(20),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: const Color(0xFFC9A07A).withOpacity(0.25),
|
|
blurRadius: 20,
|
|
offset: const Offset(0, 8),
|
|
),
|
|
],
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
// Top highlight layer
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
top: 0,
|
|
height: 60,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [Colors.white.withOpacity(0.12), Colors.transparent],
|
|
),
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(20),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Text(
|
|
dateStr,
|
|
style: TextStyle(
|
|
color: Colors.white.withOpacity(0.85),
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: 48,
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.25),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
alignment: Alignment.center,
|
|
child: spirit.avatar != null && spirit.avatar!.isNotEmpty
|
|
? ClipRRect(
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Image.network(
|
|
spirit.avatar!,
|
|
width: 48,
|
|
height: 48,
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (_, __, ___) =>
|
|
const Text('🧠', style: TextStyle(fontSize: 24)),
|
|
),
|
|
)
|
|
: const Text('🧠', style: TextStyle(fontSize: 24)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
spirit.name,
|
|
style: const TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.white,
|
|
shadows: [
|
|
Shadow(
|
|
color: Color(0x1A000000),
|
|
blurRadius: 2,
|
|
offset: Offset(0, 1),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
_buildDetailRow('状态：', spirit.isActive ? '活跃' : '未激活'),
|
|
|
|
const SizedBox(height: 12),
|
|
Container(height: 1, color: Colors.white.withOpacity(0.2)),
|
|
const SizedBox(height: 12),
|
|
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
_buildActionBtn(
|
|
'解绑',
|
|
isDanger: true,
|
|
onTap: () => _showUnbindDialog(spirit),
|
|
),
|
|
const SizedBox(width: 8),
|
|
_buildActionBtn(
|
|
'删除',
|
|
isDanger: true,
|
|
onTap: () => _showDeleteDialog(spirit),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDetailRow(String label, String value) {
|
|
return RichText(
|
|
text: TextSpan(
|
|
style: TextStyle(fontSize: 14, color: Colors.white.withOpacity(0.85)),
|
|
children: [
|
|
TextSpan(text: label),
|
|
TextSpan(
|
|
text: value,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildActionBtn(
|
|
String text, {
|
|
bool isDanger = false,
|
|
bool isInject = false,
|
|
VoidCallback? onTap,
|
|
}) {
|
|
return GestureDetector(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.2),
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(color: Colors.white.withOpacity(0.3)),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (isDanger) ...[
|
|
Icon(
|
|
Icons.link_off,
|
|
size: 14,
|
|
color: AppColors.danger.withOpacity(0.9),
|
|
),
|
|
const SizedBox(width: 4),
|
|
] else if (isInject) ...[
|
|
Icon(Icons.download, size: 14, color: const Color(0xFFB07D5A)),
|
|
const SizedBox(width: 4),
|
|
],
|
|
Text(
|
|
text,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.w600,
|
|
color: isDanger
|
|
? AppColors.danger
|
|
: (isInject ? const Color(0xFFB07D5A) : Colors.white),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showUnbindDialog(Spirit spirit) {
|
|
showGlassDialog(
|
|
context: context,
|
|
title: '确认解绑角色记忆?',
|
|
description: '解绑后，该角色记忆将与当前设备断开连接，但数据会保留在云端。',
|
|
cancelText: '取消',
|
|
confirmText: '确认解绑',
|
|
isDanger: true,
|
|
onConfirm: () async {
|
|
Navigator.pop(context); // Close dialog
|
|
final success = await ref.read(spiritControllerProvider.notifier).unbind(spirit.id);
|
|
if (mounted) {
|
|
AppToast.show(context, success ? '已解绑: ${spirit.name}' : '解绑失败');
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
void _showDeleteDialog(Spirit spirit) {
|
|
showGlassDialog(
|
|
context: context,
|
|
title: '确认删除角色记忆?',
|
|
description: '删除后，该角色记忆数据将无法恢复。',
|
|
cancelText: '取消',
|
|
confirmText: '确认删除',
|
|
isDanger: true,
|
|
onConfirm: () async {
|
|
Navigator.pop(context);
|
|
final success = await ref.read(spiritControllerProvider.notifier).delete(spirit.id);
|
|
if (mounted) {
|
|
AppToast.show(context, success ? '已删除: ${spirit.name}' : '删除失败');
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|