2026-01-11 08:17:29 +00:00
|
|
|
|
import 'dart:io';
|
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
|
|
import 'package:lucide_icons/lucide_icons.dart';
|
|
|
|
|
|
import 'package:screenshot/screenshot.dart';
|
|
|
|
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
|
|
import 'package:path_provider/path_provider.dart';
|
|
|
|
|
|
import '../../providers/sake_list_provider.dart';
|
|
|
|
|
|
import '../../services/shuko_diagnosis_service.dart';
|
2026-01-13 00:57:18 +00:00
|
|
|
|
import '../../providers/theme_provider.dart'; // v1.1 Fix
|
2026-01-29 15:54:22 +00:00
|
|
|
|
import '../../theme/app_colors.dart';
|
2026-01-11 08:17:29 +00:00
|
|
|
|
import '../../widgets/sake_radar_chart.dart';
|
2026-01-29 15:54:22 +00:00
|
|
|
|
import '../../widgets/contextual_help_icon.dart';
|
|
|
|
|
|
import '../../services/mbti_diagnosis_service.dart';
|
|
|
|
|
|
import '../../widgets/mbti/mbti_result_card.dart';
|
2026-02-15 15:13:12 +00:00
|
|
|
|
import '../../widgets/mbti_analyzing_dialog.dart';
|
2026-01-29 15:54:22 +00:00
|
|
|
|
import '../../services/mbti_types.dart';
|
|
|
|
|
|
import '../../models/user_profile.dart'; // Ensure UserProfile is available
|
|
|
|
|
|
import '../../models/sake_item.dart'; // Ensure SakeItem is available
|
2026-02-15 15:13:12 +00:00
|
|
|
|
import '../../constants/app_constants.dart';
|
|
|
|
|
|
import '../../widgets/sakenowa/sakenowa_ranking_section.dart';
|
|
|
|
|
|
import '../../widgets/sakenowa/sakenowa_new_recommendation_section.dart';
|
|
|
|
|
|
import '../../widgets/common/error_retry_widget.dart';
|
2026-01-11 08:17:29 +00:00
|
|
|
|
|
|
|
|
|
|
class SommelierScreen extends ConsumerStatefulWidget {
|
|
|
|
|
|
const SommelierScreen({super.key});
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
|
ConsumerState<SommelierScreen> createState() => _SommelierScreenState();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
class _SommelierScreenState extends ConsumerState<SommelierScreen> {
|
|
|
|
|
|
final ScreenshotController _screenshotController = ScreenshotController();
|
|
|
|
|
|
bool _isSharing = false;
|
|
|
|
|
|
|
|
|
|
|
|
Future<void> _shareCard() async {
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
_isSharing = true;
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
final image = await _screenshotController.capture(
|
|
|
|
|
|
delay: const Duration(milliseconds: 10),
|
|
|
|
|
|
pixelRatio: 3.0, // High res for sharing
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
if (image == null) return;
|
|
|
|
|
|
|
|
|
|
|
|
final directory = await getTemporaryDirectory();
|
|
|
|
|
|
final imagePath = await File('${directory.path}/sommelier_card.png').create();
|
|
|
|
|
|
await imagePath.writeAsBytes(image);
|
|
|
|
|
|
|
2026-02-21 01:32:02 +00:00
|
|
|
|
// Share the file (using deprecated Share API - migration to SharePlus planned)
|
|
|
|
|
|
// ignore: deprecated_member_use
|
2026-01-11 08:17:29 +00:00
|
|
|
|
await Share.shareXFiles(
|
|
|
|
|
|
[XFile(imagePath.path)],
|
|
|
|
|
|
text: '私の酒向タイプはこれ! #ポンシュルーム',
|
|
|
|
|
|
);
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
if (mounted) {
|
|
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
|
|
|
SnackBar(content: Text('シェアに失敗しました: $e')),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
} finally {
|
|
|
|
|
|
if (mounted) {
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
_isSharing = false;
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
|
Widget build(BuildContext context) {
|
2026-01-13 00:57:18 +00:00
|
|
|
|
final sakeListAsync = ref.watch(allSakeItemsProvider); // v1.2: 全件対象(フィルタ無視)
|
|
|
|
|
|
final userProfile = ref.watch(userProfileProvider); // v1.1
|
2026-01-11 08:17:29 +00:00
|
|
|
|
final diagnosisService = ref.watch(shukoDiagnosisServiceProvider);
|
|
|
|
|
|
|
|
|
|
|
|
return Scaffold(
|
|
|
|
|
|
appBar: AppBar(
|
|
|
|
|
|
title: const Text('AIソムリエ診断'),
|
|
|
|
|
|
centerTitle: true,
|
|
|
|
|
|
),
|
|
|
|
|
|
body: sakeListAsync.when(
|
|
|
|
|
|
data: (sakeList) {
|
2026-01-13 00:57:18 +00:00
|
|
|
|
final baseProfile = diagnosisService.diagnose(sakeList);
|
|
|
|
|
|
// Personalize Title
|
|
|
|
|
|
final personalizedTitle = diagnosisService.personalizeTitle(
|
2026-01-29 15:54:22 +00:00
|
|
|
|
ShukoTitle(title: baseProfile.title, description: baseProfile.description),
|
2026-01-13 00:57:18 +00:00
|
|
|
|
userProfile.gender
|
|
|
|
|
|
);
|
2026-01-29 15:54:22 +00:00
|
|
|
|
|
2026-01-11 08:17:29 +00:00
|
|
|
|
return SingleChildScrollView(
|
2026-01-29 15:54:22 +00:00
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 16.0),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
child: Column(
|
|
|
|
|
|
children: [
|
2026-01-29 15:54:22 +00:00
|
|
|
|
/* Greeting Removed */
|
|
|
|
|
|
// const SizedBox(height: 8),
|
|
|
|
|
|
Screenshot(
|
|
|
|
|
|
controller: _screenshotController,
|
|
|
|
|
|
child: _buildShukoCard(context, baseProfile, personalizedTitle, userProfile.nickname), // Pass nickname
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 16), // Card下
|
2026-01-11 08:17:29 +00:00
|
|
|
|
_buildActionButtons(context),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
|
|
|
|
|
|
const SizedBox(height: 8), // ボタン下(チラ見せ強化)
|
|
|
|
|
|
const Divider(),
|
|
|
|
|
|
const SizedBox(height: 16), // 区切り線下
|
|
|
|
|
|
|
|
|
|
|
|
// --- New: MBTI Diagnosis Section ---
|
|
|
|
|
|
_buildMBTIDiagnosisSection(context, userProfile, sakeList),
|
2026-02-15 15:13:12 +00:00
|
|
|
|
|
|
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
const Divider(),
|
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
|
|
|
|
|
|
// --- New: New Sake Recommendations Section ---
|
|
|
|
|
|
const SakenowaNewRecommendationSection(displayCount: 5),
|
|
|
|
|
|
|
|
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
const Divider(),
|
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
|
|
|
|
|
|
// --- New: Sakenowa Ranking Section ---
|
|
|
|
|
|
const SakenowaRankingSection(displayCount: 10),
|
|
|
|
|
|
const SizedBox(height: 32),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
},
|
|
|
|
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
2026-02-15 15:13:12 +00:00
|
|
|
|
error: (err, stack) => ErrorRetryWidget(
|
|
|
|
|
|
message: 'AIソムリエ診断の読み込みに失敗しました',
|
|
|
|
|
|
details: err.toString(),
|
|
|
|
|
|
onRetry: () => ref.refresh(allSakeItemsProvider),
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-01-13 00:57:18 +00:00
|
|
|
|
Widget _buildShukoCard(BuildContext context, ShukoProfile profile, ShukoTitle titleInfo, String? nickname) {
|
2026-01-29 15:54:22 +00:00
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
2026-01-11 08:17:29 +00:00
|
|
|
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
2026-01-29 15:54:22 +00:00
|
|
|
|
|
2026-01-11 08:17:29 +00:00
|
|
|
|
return Container(
|
|
|
|
|
|
width: double.infinity,
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
borderRadius: BorderRadius.circular(24),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
border: isDark
|
|
|
|
|
|
? null
|
|
|
|
|
|
: Border.all(color: appColors.divider.withValues(alpha: 0.5), width: 1), // Add border for light mode visibility
|
|
|
|
|
|
// Premium Card Gradient (Adjusted for Dark Mode visibility)
|
2026-01-11 08:17:29 +00:00
|
|
|
|
gradient: LinearGradient(
|
|
|
|
|
|
begin: Alignment.topLeft,
|
|
|
|
|
|
end: Alignment.bottomRight,
|
2026-01-29 15:54:22 +00:00
|
|
|
|
colors: isDark
|
|
|
|
|
|
? [
|
|
|
|
|
|
// Dark Mode: Lighter grey for visibility against black background
|
|
|
|
|
|
const Color(0xFF2C2C2E),
|
|
|
|
|
|
const Color(0xFF1C1C1E),
|
|
|
|
|
|
]
|
|
|
|
|
|
: [
|
|
|
|
|
|
// Light Mode: Original subtle gradient
|
|
|
|
|
|
appColors.surfaceSubtle,
|
|
|
|
|
|
appColors.surfaceElevated,
|
|
|
|
|
|
],
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
boxShadow: [
|
|
|
|
|
|
BoxShadow(
|
2026-01-29 15:54:22 +00:00
|
|
|
|
color: isDark
|
|
|
|
|
|
? Colors.black.withValues(alpha: 0.5) // Deeper shadow for dark mode
|
|
|
|
|
|
: Colors.black.withValues(alpha: 0.08), // Stronger shadow for light mode (was divider.withValues(alpha: 0.3))
|
2026-01-11 08:17:29 +00:00
|
|
|
|
blurRadius: 20,
|
|
|
|
|
|
offset: const Offset(0, 10),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
child: Stack(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
// Background Pattern (Optional subtle decoration)
|
|
|
|
|
|
Positioned(
|
|
|
|
|
|
right: -20,
|
|
|
|
|
|
top: -20,
|
|
|
|
|
|
child: Icon(
|
|
|
|
|
|
LucideIcons.sparkles,
|
|
|
|
|
|
size: 150,
|
2026-01-29 15:54:22 +00:00
|
|
|
|
color: appColors.brandAccent.withValues(alpha: 0.05),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
|
|
// Subtle Sake Emoji
|
|
|
|
|
|
Positioned(
|
|
|
|
|
|
left: 20,
|
|
|
|
|
|
top: 20,
|
|
|
|
|
|
child: Opacity(
|
|
|
|
|
|
opacity: 0.3, // Subtle
|
|
|
|
|
|
child: const Text(
|
|
|
|
|
|
'🍶',
|
|
|
|
|
|
style: TextStyle(fontSize: 40),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
|
|
Padding(
|
2026-01-29 15:54:22 +00:00
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 12.0), // Optimized for チラ見せ effect
|
2026-01-11 08:17:29 +00:00
|
|
|
|
child: Column(
|
|
|
|
|
|
children: [
|
2026-01-29 15:54:22 +00:00
|
|
|
|
// 1. Header (Name & Rank) with unified help icon
|
|
|
|
|
|
Row(
|
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Text(
|
|
|
|
|
|
(nickname != null && nickname.isNotEmpty)
|
|
|
|
|
|
? '$nicknameさんの酒向タイプ'
|
|
|
|
|
|
: 'あなたの酒向タイプ',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(letterSpacing: 1.5, color: appColors.textSecondary),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
|
ContextualHelpIcon(
|
|
|
|
|
|
title: '酒向タイプ・チャートの見方',
|
|
|
|
|
|
customContent: _buildUnifiedHelpContent(context),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
|
|
|
|
|
|
// 2. Title (no help icon - moved to header)
|
|
|
|
|
|
Text(
|
|
|
|
|
|
titleInfo.title,
|
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
|
maxLines: 2,
|
|
|
|
|
|
overflow: TextOverflow.ellipsis,
|
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
fontSize: 32,
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
shadows: [
|
|
|
|
|
|
Shadow(
|
|
|
|
|
|
color: appColors.brandPrimary.withValues(alpha: 0.3),
|
|
|
|
|
|
blurRadius: 10,
|
|
|
|
|
|
offset: const Offset(0, 2),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
|
|
|
|
|
|
Text(
|
|
|
|
|
|
titleInfo.description,
|
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
|
|
|
|
height: 1.5,
|
|
|
|
|
|
color: appColors.textPrimary,
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
const SizedBox(height: 32),
|
|
|
|
|
|
|
|
|
|
|
|
SizedBox(
|
|
|
|
|
|
height: 200,
|
|
|
|
|
|
child: SakeRadarChart(
|
|
|
|
|
|
tasteStats: {
|
|
|
|
|
|
'aroma': (profile.avgStats.aroma).round(),
|
|
|
|
|
|
'sweetness': (profile.avgStats.sweetness).round(),
|
|
|
|
|
|
'acidity': (profile.avgStats.acidity).round(),
|
|
|
|
|
|
'bitterness': (profile.avgStats.bitterness).round(),
|
|
|
|
|
|
'body': (profile.avgStats.body).round(),
|
|
|
|
|
|
},
|
|
|
|
|
|
primaryColor: appColors.brandPrimary,
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
|
|
|
|
|
|
// 4. Stats Footer
|
|
|
|
|
|
Container(
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.surfaceSubtle.withValues(alpha: 0.5),
|
|
|
|
|
|
borderRadius: BorderRadius.circular(12),
|
|
|
|
|
|
),
|
|
|
|
|
|
child: Text(
|
|
|
|
|
|
'分析対象: ${profile.analyzedCount} 本',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(color: appColors.textSecondary),
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Widget _buildActionButtons(BuildContext context) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|
|
|
|
|
return Column(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
// SizedBox(width: double.infinity) removed to allow button to size itself
|
|
|
|
|
|
FilledButton.icon(
|
|
|
|
|
|
onPressed: _isSharing ? null : _shareCard,
|
|
|
|
|
|
icon: _isSharing
|
|
|
|
|
|
? const SizedBox(width: 20, height: 20, child: CircularProgressIndicator(color: Colors.white, strokeWidth: 2))
|
|
|
|
|
|
: const Icon(LucideIcons.share2),
|
|
|
|
|
|
label: const Text(
|
|
|
|
|
|
'シェア',
|
|
|
|
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
|
|
|
|
),
|
|
|
|
|
|
style: FilledButton.styleFrom(
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 16), // Wide padding for "Pill" look
|
|
|
|
|
|
backgroundColor: appColors.brandPrimary,
|
|
|
|
|
|
foregroundColor: appColors.surfaceSubtle,
|
|
|
|
|
|
shape: const StadiumBorder(),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
2026-01-29 15:54:22 +00:00
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// --- MBTI Diagnosis Logic ---
|
|
|
|
|
|
Widget _buildMBTIDiagnosisSection(BuildContext context, UserProfile userProfile, List<SakeItem> sakeList) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|
|
|
|
|
|
|
|
|
|
|
return Card(
|
|
|
|
|
|
elevation: 2,
|
|
|
|
|
|
color: appColors.surfaceSubtle,
|
|
|
|
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
|
|
|
|
|
|
child: Padding(
|
|
|
|
|
|
padding: const EdgeInsets.all(24),
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Icon(LucideIcons.sparkles, size: 40, color: appColors.brandAccent),
|
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
Row(
|
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Flexible(
|
|
|
|
|
|
child: Text(
|
|
|
|
|
|
'酒向タイプ診断', // Removed (MBTI風)
|
|
|
|
|
|
style: Theme.of(context).textTheme.headlineSmall?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
|
ContextualHelpIcon(
|
|
|
|
|
|
title: 'MBTI風診断について',
|
|
|
|
|
|
customContent: _buildMBTIHelpContent(context),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'AIがあなたの飲酒スタイルを分析',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(color: appColors.textSecondary),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
|
|
|
|
|
|
// Result or Prompt
|
|
|
|
|
|
if (userProfile.sakePersonaMbti != null) ...[
|
|
|
|
|
|
// Already Diagnosed
|
|
|
|
|
|
Container(
|
|
|
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.surfaceElevated,
|
|
|
|
|
|
borderRadius: BorderRadius.circular(12),
|
|
|
|
|
|
border: Border.all(color: appColors.brandAccent.withValues(alpha: 0.3)),
|
|
|
|
|
|
),
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Text('あなたの診断結果', style: TextStyle(fontSize: 12, color: appColors.textSecondary)),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
MBTIType.types[userProfile.sakePersonaMbti]?.title ?? userProfile.sakePersonaMbti!,
|
|
|
|
|
|
style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
|
|
// Action Button
|
|
|
|
|
|
FilledButton.icon(
|
|
|
|
|
|
onPressed: () => _runMBTIDiagnosis(context, sakeList),
|
|
|
|
|
|
icon: const Icon(LucideIcons.brainCircuit),
|
|
|
|
|
|
label: Text(
|
|
|
|
|
|
userProfile.sakePersonaMbti == null ? '診断を開始する' : '再診断する',
|
|
|
|
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
|
|
|
|
),
|
|
|
|
|
|
style: FilledButton.styleFrom(
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 32, vertical: 16),
|
|
|
|
|
|
backgroundColor: appColors.brandPrimary,
|
|
|
|
|
|
foregroundColor: Theme.of(context).colorScheme.onPrimary,
|
|
|
|
|
|
shape: const StadiumBorder(), // Consistent shape
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
2026-02-15 15:13:12 +00:00
|
|
|
|
if (sakeList.length < AppConstants.mbtiMinimumRecords)
|
2026-01-29 15:54:22 +00:00
|
|
|
|
Padding(
|
|
|
|
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
|
|
|
|
child: Text(
|
2026-02-15 15:13:12 +00:00
|
|
|
|
'※診断には${AppConstants.mbtiMinimumRecords}本以上の記録が必要です (現在: ${sakeList.length}本)',
|
2026-01-29 15:54:22 +00:00
|
|
|
|
style: TextStyle(color: appColors.error, fontSize: 11),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-01-29 15:54:22 +00:00
|
|
|
|
Future<void> _runMBTIDiagnosis(BuildContext context, List<SakeItem> sakeList) async {
|
|
|
|
|
|
// 1. Check Data Count
|
2026-02-15 15:13:12 +00:00
|
|
|
|
if (sakeList.length < AppConstants.mbtiMinimumRecords) {
|
2026-01-29 15:54:22 +00:00
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
|
|
|
SnackBar(
|
2026-02-15 15:13:12 +00:00
|
|
|
|
content: Text('データ不足です!あと${AppConstants.mbtiMinimumRecords - sakeList.length}本の記録が必要です。'),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
backgroundColor: Theme.of(context).colorScheme.error,
|
2026-02-15 15:13:12 +00:00
|
|
|
|
duration: const Duration(seconds: 4),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// 2. BuildContextキャプチャ(async gapの前)
|
2026-01-29 15:54:22 +00:00
|
|
|
|
if (!mounted) return;
|
2026-02-15 15:13:12 +00:00
|
|
|
|
final navigator = Navigator.of(context);
|
|
|
|
|
|
final messenger = ScaffoldMessenger.of(context);
|
|
|
|
|
|
|
|
|
|
|
|
// 3. Show MBTI Analyzing Dialog
|
2026-01-29 15:54:22 +00:00
|
|
|
|
showDialog(
|
|
|
|
|
|
context: context,
|
|
|
|
|
|
barrierDismissible: false,
|
2026-02-15 15:13:12 +00:00
|
|
|
|
builder: (_) => const MBTIAnalyzingDialog(),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
try {
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// 4. Simulate delay
|
2026-01-29 15:54:22 +00:00
|
|
|
|
final minWait = Future.delayed(const Duration(seconds: 3));
|
|
|
|
|
|
|
|
|
|
|
|
// Logic
|
|
|
|
|
|
final service = MBTIDiagnosisService();
|
|
|
|
|
|
final result = service.diagnose(sakeList);
|
|
|
|
|
|
|
|
|
|
|
|
await minWait;
|
|
|
|
|
|
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// 5. async gap後はキャプチャしたnavigatorを使用
|
2026-01-29 15:54:22 +00:00
|
|
|
|
if (!mounted) return;
|
2026-02-15 15:13:12 +00:00
|
|
|
|
navigator.pop(); // ✅ BuildContextを直接使わない
|
2026-01-29 15:54:22 +00:00
|
|
|
|
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// 6. Show Result Card
|
2026-01-29 15:54:22 +00:00
|
|
|
|
if (!mounted) return;
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// contextは関数開始時(async gap前)にパラメータとして受け取り済み
|
|
|
|
|
|
// showDialogは新しいWidgetツリーを構築するだけなので技術的に安全
|
|
|
|
|
|
// ignore: use_build_context_synchronously
|
2026-01-29 15:54:22 +00:00
|
|
|
|
await showDialog(
|
2026-02-15 15:13:12 +00:00
|
|
|
|
// ignore: use_build_context_synchronously
|
2026-01-29 15:54:22 +00:00
|
|
|
|
context: context,
|
|
|
|
|
|
builder: (dialogContext) => Dialog(
|
|
|
|
|
|
backgroundColor: Colors.transparent,
|
|
|
|
|
|
insetPadding: const EdgeInsets.all(16),
|
|
|
|
|
|
child: MBTIResultCard(
|
|
|
|
|
|
result: result,
|
|
|
|
|
|
onShare: () {
|
|
|
|
|
|
if (!mounted) return;
|
2026-02-15 15:13:12 +00:00
|
|
|
|
messenger.showSnackBar(const SnackBar(content: Text('シェア機能は開発中です!')));
|
2026-01-29 15:54:22 +00:00
|
|
|
|
},
|
|
|
|
|
|
onShowRecommendations: () {
|
2026-02-15 15:13:12 +00:00
|
|
|
|
navigator.pop(); // dialogContextではなくnavigatorを使用
|
2026-01-29 15:54:22 +00:00
|
|
|
|
// Save Result to "SakePersona" field (not Real MBTI)
|
|
|
|
|
|
ref.read(userProfileProvider.notifier).setSakePersonaMbti(result.type.code);
|
|
|
|
|
|
|
|
|
|
|
|
if (!mounted) return;
|
2026-02-15 15:13:12 +00:00
|
|
|
|
messenger.showSnackBar(
|
|
|
|
|
|
SnackBar(
|
|
|
|
|
|
content: Text('「${result.type.title}」として診断結果を保存しました!'),
|
|
|
|
|
|
duration: const Duration(seconds: 3),
|
|
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
);
|
|
|
|
|
|
},
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
2026-02-15 15:13:12 +00:00
|
|
|
|
|
2026-01-29 15:54:22 +00:00
|
|
|
|
} catch (e) {
|
|
|
|
|
|
debugPrint('Diagnosis Error: $e');
|
2026-02-15 15:13:12 +00:00
|
|
|
|
if (!mounted) return;
|
|
|
|
|
|
navigator.pop();
|
|
|
|
|
|
messenger.showSnackBar(SnackBar(content: Text('エラー: $e')));
|
2026-01-29 15:54:22 +00:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Widget _buildUnifiedHelpContent(BuildContext context) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
2026-01-11 08:17:29 +00:00
|
|
|
|
return Column(
|
2026-01-29 15:54:22 +00:00
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
2026-01-11 08:17:29 +00:00
|
|
|
|
children: [
|
2026-01-29 15:54:22 +00:00
|
|
|
|
// Section 1: 酒向タイプとは
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'酒向タイプとは?',
|
|
|
|
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'あなたのテイスティング記録から、AIが分析した「好みの傾向」を称号で表します。',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
|
|
|
|
height: 1.6,
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 16),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
Text(
|
|
|
|
|
|
'主な称号',
|
|
|
|
|
|
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
_buildTitleExample(context, '辛口サムライ', 'キレのある辛口がお好み'),
|
|
|
|
|
|
_buildTitleExample(context, 'フルーティーマスター', '華やかな香りと甘みを愛する'),
|
|
|
|
|
|
_buildTitleExample(context, '旨口探求者', 'お米の旨みとコクを重視'),
|
|
|
|
|
|
_buildTitleExample(context, '香りの貴族', '吟醸香など華やかな香りを楽しむ'),
|
|
|
|
|
|
_buildTitleExample(context, 'バランスの賢者', '様々なタイプを楽しむオールラウンダー'),
|
|
|
|
|
|
_buildTitleExample(context, '酒道の旅人', 'これから自分だけの味を見つける冒険者'),
|
|
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'※ 記録が増えるほど、より正確な診断結果が得られます。\n※ 女性の方には一部の称号が変化します(例: サムライ→麗人)',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
|
|
|
|
color: appColors.textSecondary,
|
|
|
|
|
|
height: 1.5,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
|
|
|
|
// Divider between sections
|
|
|
|
|
|
const SizedBox(height: 24),
|
|
|
|
|
|
Divider(color: appColors.divider, thickness: 1),
|
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
|
|
|
|
|
|
// Section 2: チャートの見方
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'チャートの見方',
|
|
|
|
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'AIがあなたの登録した日本酒の味覚データを分析し、好みの傾向をチャート化します。',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
|
|
|
|
height: 1.6,
|
|
|
|
|
|
),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
),
|
2026-01-29 15:54:22 +00:00
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
_buildChartAxisExplanation(context, '香り', '華やかな吟醸香、フルーティーさ'),
|
|
|
|
|
|
_buildChartAxisExplanation(context, '甘み', '口当たりの甘さ、まろやかさ'),
|
|
|
|
|
|
_buildChartAxisExplanation(context, '酸味', '爽やかな酸味、キレの良さ'),
|
|
|
|
|
|
_buildChartAxisExplanation(context, 'キレ', '後味のキレ、ドライ感 (旧:苦味)'),
|
|
|
|
|
|
_buildChartAxisExplanation(context, 'コク', 'お米の旨味、ボディ感'),
|
2026-01-11 08:17:29 +00:00
|
|
|
|
],
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
2026-01-29 15:54:22 +00:00
|
|
|
|
|
|
|
|
|
|
Widget _buildTitleExample(BuildContext context, String title, String description) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|
|
|
|
|
return Padding(
|
|
|
|
|
|
padding: const EdgeInsets.only(bottom: 8),
|
|
|
|
|
|
child: Row(
|
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Container(
|
|
|
|
|
|
margin: const EdgeInsets.only(top: 6),
|
|
|
|
|
|
width: 6,
|
|
|
|
|
|
height: 6,
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.brandAccent,
|
|
|
|
|
|
shape: BoxShape.circle,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(width: 12),
|
|
|
|
|
|
Expanded(
|
|
|
|
|
|
child: RichText(
|
|
|
|
|
|
text: TextSpan(
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(color: appColors.textPrimary),
|
|
|
|
|
|
children: [
|
|
|
|
|
|
TextSpan(
|
|
|
|
|
|
text: '$title: ',
|
|
|
|
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
|
|
|
|
),
|
|
|
|
|
|
TextSpan(text: description),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Widget _buildChartAxisExplanation(BuildContext context, String axis, String description) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|
|
|
|
|
return Padding(
|
|
|
|
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
|
|
|
|
child: Row(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Container(
|
|
|
|
|
|
width: 8,
|
|
|
|
|
|
height: 8,
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
shape: BoxShape.circle,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(width: 12),
|
|
|
|
|
|
Expanded(
|
|
|
|
|
|
child: RichText(
|
|
|
|
|
|
text: TextSpan(
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(color: appColors.textPrimary),
|
|
|
|
|
|
children: [
|
|
|
|
|
|
TextSpan(
|
|
|
|
|
|
text: '$axis: ',
|
|
|
|
|
|
style: const TextStyle(fontWeight: FontWeight.bold),
|
|
|
|
|
|
),
|
|
|
|
|
|
TextSpan(text: description),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Widget _buildMBTIHelpContent(BuildContext context) {
|
|
|
|
|
|
final appColors = Theme.of(context).extension<AppColors>()!;
|
|
|
|
|
|
return SingleChildScrollView(
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'MBTI風診断について',
|
|
|
|
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'あなたの日本酒の好みから、16種類の「酒向タイプ」を診断します。\nMBTI(性格診断)をモチーフにした、遊び心のある分析です。',
|
|
|
|
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
|
|
|
|
height: 1.6,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'16種類のタイプ一覧',
|
|
|
|
|
|
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandPrimary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
|
|
// Generate list from MBTIType.types
|
|
|
|
|
|
...MBTIType.types.entries.map((entry) {
|
|
|
|
|
|
final type = entry.value;
|
|
|
|
|
|
return Padding(
|
|
|
|
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
|
|
|
|
child: Container(
|
|
|
|
|
|
padding: const EdgeInsets.all(12),
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.surfaceElevated,
|
|
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
|
|
border: Border.all(color: appColors.divider.withValues(alpha: 0.3)),
|
|
|
|
|
|
),
|
|
|
|
|
|
child: Column(
|
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Row(
|
|
|
|
|
|
children: [
|
|
|
|
|
|
Container(
|
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
color: appColors.brandAccent.withValues(alpha: 0.2),
|
|
|
|
|
|
borderRadius: BorderRadius.circular(4),
|
|
|
|
|
|
),
|
|
|
|
|
|
child: Text(
|
|
|
|
|
|
type.code,
|
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
color: appColors.brandAccent,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(width: 8),
|
|
|
|
|
|
Expanded(
|
|
|
|
|
|
child: Text(
|
|
|
|
|
|
type.title,
|
|
|
|
|
|
style: const TextStyle(
|
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 4),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
type.catchphrase,
|
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
fontSize: 11,
|
|
|
|
|
|
fontStyle: FontStyle.italic,
|
|
|
|
|
|
color: appColors.textSecondary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
const SizedBox(height: 4),
|
|
|
|
|
|
Text(
|
|
|
|
|
|
'推奨: ${type.recommendedStyles}',
|
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
|
color: appColors.textSecondary,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}),
|
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
|
Text(
|
2026-02-15 15:13:12 +00:00
|
|
|
|
'※ 診断には${AppConstants.mbtiMinimumRecords}本以上の記録が必要です。\n※ より多くのデータを記録すると、診断精度が向上します。',
|
2026-01-29 15:54:22 +00:00
|
|
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
|
|
|
|
color: appColors.textSecondary,
|
|
|
|
|
|
height: 1.5,
|
|
|
|
|
|
),
|
|
|
|
|
|
),
|
|
|
|
|
|
],
|
|
|
|
|
|
),
|
|
|
|
|
|
);
|
|
|
|
|
|
}
|
2026-01-11 08:17:29 +00:00
|
|
|
|
}
|