diff --git a/walkguide-mobile/walkguide_app/RUN_COMMAND.md b/walkguide-mobile/walkguide_app/RUN_COMMAND.md
new file mode 100644
index 0000000..86ca289
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/RUN_COMMAND.md
@@ -0,0 +1,6 @@
+D:\Tools\Flutter\flutter\bin\flutter.bat run -d chrome
+D:\Tools\Flutter\flutter\bin\flutter.bat run -d chrome --web-port 49727
+
+Clean Cache:
+cd "D:\CodeSpace\Final Project Gabungan v3\walkguide-mobile\walkguide_app"; D:\Tools\Flutter\flutter\bin\flutter.bat clean; Remove-Item -Recurse -Force .dart_tool, build -ErrorAction SilentlyContinue; D:\Tools\Flutter\flutter\bin\flutter.bat pub get
+
diff --git a/walkguide-mobile/walkguide_app/android/app/src/main/AndroidManifest.xml b/walkguide-mobile/walkguide_app/android/app/src/main/AndroidManifest.xml
index dfe830c..3ac360a 100644
--- a/walkguide-mobile/walkguide_app/android/app/src/main/AndroidManifest.xml
+++ b/walkguide-mobile/walkguide_app/android/app/src/main/AndroidManifest.xml
@@ -1,6 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
-
+ android:name="io.flutter.embedding.android.NormalTheme"
+ android:resource="@style/NormalTheme" />
-
-
+
+
-
-
-
-
+
+
-
-
-
\ No newline at end of file
diff --git a/walkguide-mobile/walkguide_app/assets/models/labels.txt b/walkguide-mobile/walkguide_app/assets/models/labels.txt
new file mode 100644
index 0000000..a7ffc28
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/assets/models/labels.txt
@@ -0,0 +1,10 @@
+person
+car
+motorcycle
+bicycle
+bus
+truck
+chair
+bench
+door
+stairs
diff --git a/walkguide-mobile/walkguide_app/lib/app/app.dart b/walkguide-mobile/walkguide_app/lib/app/app.dart
index e69de29..6e324e3 100644
--- a/walkguide-mobile/walkguide_app/lib/app/app.dart
+++ b/walkguide-mobile/walkguide_app/lib/app/app.dart
@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+import 'app_cubit.dart';
+import 'router.dart';
+
+class WalkGuideApp extends StatelessWidget {
+ const WalkGuideApp({super.key});
+
+ @override
+ Widget build(BuildContext context) {
+ const seed = Color(0xFF1A56DB);
+
+ return BlocProvider(
+ create: (_) => AppCubit(),
+ child: MaterialApp.router(
+ title: 'WalkGuide',
+ debugShowCheckedModeBanner: false,
+ routerConfig: appRouter,
+ theme: ThemeData(
+ useMaterial3: true,
+ colorScheme: ColorScheme.fromSeed(seedColor: seed),
+ scaffoldBackgroundColor: const Color(0xFFF8FAFC),
+ textTheme: GoogleFonts.interTextTheme(),
+ appBarTheme: const AppBarTheme(
+ centerTitle: false,
+ backgroundColor: Colors.white,
+ foregroundColor: Color(0xFF0F172A),
+ elevation: 0,
+ surfaceTintColor: Colors.white,
+ ),
+ filledButtonTheme: FilledButtonThemeData(
+ style: FilledButton.styleFrom(
+ backgroundColor: seed,
+ foregroundColor: Colors.white,
+ minimumSize: const Size(0, 46),
+ shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
+ ),
+ ),
+ inputDecorationTheme: InputDecorationTheme(
+ filled: true,
+ fillColor: Colors.white,
+ border: OutlineInputBorder(
+ borderRadius: BorderRadius.circular(10),
+ borderSide: const BorderSide(color: Color(0xFFE2E8F0)),
+ ),
+ enabledBorder: OutlineInputBorder(
+ borderRadius: BorderRadius.circular(10),
+ borderSide: const BorderSide(color: Color(0xFFE2E8F0)),
+ ),
+ ),
+ ),
+ ),
+ );
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/app/app_cubit.dart b/walkguide-mobile/walkguide_app/lib/app/app_cubit.dart
new file mode 100644
index 0000000..c775192
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/app/app_cubit.dart
@@ -0,0 +1,29 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class AppState {
+ final bool online;
+ final String? role;
+ final String? serverUrl;
+
+ const AppState({required this.online, this.role, this.serverUrl});
+
+ AppState copyWith({bool? online, String? role, String? serverUrl}) {
+ return AppState(
+ online: online ?? this.online,
+ role: role ?? this.role,
+ serverUrl: serverUrl ?? this.serverUrl,
+ );
+ }
+}
+
+class AppCubit extends Cubit {
+ AppCubit() : super(const AppState(online: true));
+
+ void setSession({required String role, required String serverUrl}) {
+ emit(state.copyWith(role: role, serverUrl: serverUrl, online: true));
+ }
+
+ void setOnline(bool value) => emit(state.copyWith(online: value));
+
+ void clearSession() => emit(const AppState(online: true));
+}
diff --git a/walkguide-mobile/walkguide_app/lib/app/injection_container.dart b/walkguide-mobile/walkguide_app/lib/app/injection_container.dart
index c14477f..0eb2cfa 100644
--- a/walkguide-mobile/walkguide_app/lib/app/injection_container.dart
+++ b/walkguide-mobile/walkguide_app/lib/app/injection_container.dart
@@ -1,38 +1,60 @@
import 'package:get_it/get_it.dart';
-import 'package:shared_preferences/shared_preferences.dart';
+import 'package:flutter/foundation.dart';
-import 'core/constants/app_constants.dart';
-import 'core/network/api_client.dart';
-import 'core/storage/secure_storage.dart';
-import 'core/services/tts_service.dart';
-import 'core/services/stt_service.dart';
-import 'core/services/voice_command_handler.dart';
-import 'core/services/haptic_service.dart';
+import '../core/constants/app_constants.dart';
+import '../core/ai/obstacle_analyzer.dart';
+import '../core/ai/yolo_detector.dart';
+import '../core/network/api_client.dart';
+import '../core/services/haptic_service.dart';
+import '../core/services/call_service.dart';
+import '../core/services/fcm_service.dart';
+import '../core/services/location_reporter_service.dart';
+import '../core/services/offline_queue_service.dart';
+import '../core/services/stt_service.dart';
+import '../core/services/tts_service.dart';
+import '../core/services/voice_command_handler.dart';
+import '../core/services/websocket_service.dart';
+import '../core/storage/secure_storage.dart';
final sl = GetIt.instance;
Future initDependencies() async {
- // ── Core singletons ──────────────────────────────────────────────────────
sl.registerLazySingleton(() => SecureStorage());
sl.registerLazySingleton(() => ApiClient(sl()));
-
sl.registerLazySingleton(() => TtsService());
sl.registerLazySingleton(() => SttService());
sl.registerLazySingleton(() => HapticService());
+ sl.registerLazySingleton(() => ObstacleAnalyzer());
+ sl.registerLazySingleton(() => YoloDetector(sl()));
+ sl.registerLazySingleton(() => OfflineQueueService());
+ sl.registerLazySingleton(() => FcmService(sl()));
+ sl.registerLazySingleton(() => WebSocketService(sl()));
+ sl.registerLazySingleton(() => LocationReporterService(sl(), sl()));
+ sl.registerLazySingleton(() => CallService(sl()));
sl.registerLazySingleton(
() => VoiceCommandHandler(sl(), sl()),
);
- // ── Init ApiClient if serverUrl already saved ─────────────────────────────
final serverUrl = await AppConstants.getServerUrl();
if (serverUrl != null && serverUrl.isNotEmpty) {
await sl().init(serverUrl);
}
- // ── Init TTS ──────────────────────────────────────────────────────────────
- await sl().init();
-
- // ── Init STT ──────────────────────────────────────────────────────────────
- await sl().init();
+ try {
+ await sl().init();
+ } catch (e) {
+ debugPrint('TTS init skipped: $e');
+ }
+ await sl().init();
+ if (!kIsWeb) {
+ try {
+ await sl().init();
+ } catch (e) {
+ debugPrint('STT init skipped: $e');
+ }
+ }
sl().loadDefaultCommands();
-}
\ No newline at end of file
+ if (!kIsWeb) {
+ await sl().init();
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/app/router.dart b/walkguide-mobile/walkguide_app/lib/app/router.dart
index cbc1aeb..028769a 100644
--- a/walkguide-mobile/walkguide_app/lib/app/router.dart
+++ b/walkguide-mobile/walkguide_app/lib/app/router.dart
@@ -1,110 +1,99 @@
-import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
-import 'core/storage/secure_storage.dart';
-import 'core/constants/app_constants.dart';
-import 'injection_container.dart';
-
-// Auth
-import 'features/server_connect/presentation/screens/server_connect_screen.dart';
-import 'features/auth/presentation/screens/splash_screen.dart';
-import 'features/auth/presentation/screens/login_screen.dart';
-import 'features/auth/presentation/screens/register_screen.dart';
-
-// User shell + screens
-import 'shared/widgets/user_shell.dart';
-import 'features/walk_guide/presentation/screens/walk_guide_screen.dart';
-import 'features/sos/presentation/screens/sos_screen.dart';
-import 'features/activity_log/presentation/screens/activity_log_screen.dart';
-import 'features/notifications/presentation/screens/notification_screen.dart';
-import 'features/navigation_mode/presentation/screens/navigation_mode_screen.dart';
-import 'features/settings/presentation/screens/user_settings_screen.dart';
-
-// Guardian shell + screens
-import 'shared/widgets/guardian_shell.dart';
-import 'features/guardian/presentation/screens/guardian_dashboard_screen.dart';
-import 'features/guardian/presentation/screens/guardian_map_screen.dart';
-import 'features/guardian/presentation/screens/guardian_activity_log_screen.dart';
-import 'features/guardian/presentation/screens/guardian_send_notif_screen.dart';
-import 'features/guardian/presentation/screens/guardian_ai_config_screen.dart';
-import 'features/guardian/presentation/screens/guardian_voice_cmd_screen.dart';
-import 'features/guardian/presentation/screens/guardian_shortcut_screen.dart';
-import 'features/guardian/presentation/screens/guardian_geofence_screen.dart';
-import 'features/pairing/presentation/screens/guardian_pairing_screen.dart';
-import 'features/pairing/presentation/screens/user_pairing_screen.dart';
-
-// Call
-import 'features/call/presentation/screens/call_screen.dart';
-import 'features/call/presentation/screens/incoming_call_screen.dart';
+import '../core/constants/app_constants.dart';
+import '../features/screens.dart';
+import '../shared/widgets/app_shells.dart';
final GoRouter appRouter = GoRouter(
initialLocation: '/splash',
redirect: (context, state) async {
- final serverUrl = await AppConstants.getServerUrl();
final path = state.matchedLocation;
+ final serverUrl = await AppConstants.getServerUrl();
- // 1. No server URL → must go to server-connect
- if (serverUrl == null || serverUrl.isEmpty) {
- if (path != '/server-connect') return '/server-connect';
- return null;
+ if ((serverUrl == null || serverUrl.isEmpty) && path != '/server-connect') {
+ return '/server-connect';
+ }
+ if (path == '/server-connect' &&
+ serverUrl != null &&
+ serverUrl.isNotEmpty) {
+ return '/splash';
}
-
- // 2. Already on server-connect but has URL → splash
- if (path == '/server-connect') return '/splash';
-
return null;
},
routes: [
GoRoute(
- path: '/server-connect',
- builder: (context, state) => const ServerConnectScreen(),
- ),
+ path: '/server-connect',
+ builder: (_, __) => const ServerConnectScreen()),
+ GoRoute(path: '/splash', builder: (_, __) => const SplashScreen()),
+ GoRoute(path: '/login', builder: (_, __) => const LoginScreen()),
+ GoRoute(path: '/register', builder: (_, __) => const RegisterScreen()),
GoRoute(
- path: '/splash',
- builder: (context, state) => const SplashScreen(),
- ),
- GoRoute(
- path: '/login',
- builder: (context, state) => const LoginScreen(),
- ),
- GoRoute(
- path: '/register',
- builder: (context, state) => const RegisterScreen(),
- ),
- GoRoute(
- path: '/incoming-call',
- builder: (context, state) => const IncomingCallScreen(),
- ),
-
- // ── USER SHELL ──────────────────────────────────────────────────────────
+ path: '/incoming-call', builder: (_, __) => const IncomingCallScreen()),
ShellRoute(
- builder: (context, state, child) => UserShell(child: child),
+ builder: (_, __, child) => UserShell(child: child),
routes: [
- GoRoute(path: '/user/walkguide', builder: (c, s) => const WalkGuideScreen()),
- GoRoute(path: '/user/sos', builder: (c, s) => const SosScreen()),
- GoRoute(path: '/user/activity', builder: (c, s) => const ActivityLogScreen()),
- GoRoute(path: '/user/notifications',builder: (c, s) => const NotificationScreen()),
- GoRoute(path: '/user/navigation', builder: (c, s) => const NavigationModeScreen()),
- GoRoute(path: '/user/settings', builder: (c, s) => const UserSettingsScreen()),
- GoRoute(path: '/user/pairing', builder: (c, s) => const UserPairingScreen()),
- GoRoute(path: '/user/call', builder: (c, s) => const CallScreen()),
+ GoRoute(
+ path: '/user/walkguide',
+ builder: (_, __) => const WalkGuideScreen()),
+ GoRoute(path: '/user/sos', builder: (_, __) => const SosScreen()),
+ GoRoute(
+ path: '/user/activity',
+ builder: (_, __) => const ActivityLogScreen()),
+ GoRoute(
+ path: '/user/notifications',
+ builder: (_, __) => const NotificationScreen()),
+ GoRoute(
+ path: '/user/navigation',
+ builder: (_, __) => const NavigationModeScreen()),
+ GoRoute(
+ path: '/user/settings',
+ builder: (_, __) => const UserSettingsScreen()),
+ GoRoute(
+ path: '/user/pairing',
+ builder: (_, __) => const UserPairingScreen()),
+ GoRoute(path: '/user/call', builder: (_, __) => const CallScreen()),
+ GoRoute(
+ path: '/user/benchmark',
+ builder: (_, __) => const AiBenchmarkScreen()),
],
),
-
- // ── GUARDIAN SHELL ──────────────────────────────────────────────────────
ShellRoute(
- builder: (context, state, child) => GuardianShell(child: child),
+ builder: (_, __, child) => GuardianShell(child: child),
routes: [
- GoRoute(path: '/guardian/dashboard', builder: (c, s) => const GuardianDashboardScreen()),
- GoRoute(path: '/guardian/map', builder: (c, s) => const GuardianMapScreen()),
- GoRoute(path: '/guardian/logs', builder: (c, s) => const GuardianActivityLogScreen()),
- GoRoute(path: '/guardian/send-notif', builder: (c, s) => const GuardianSendNotifScreen()),
- GoRoute(path: '/guardian/ai-config', builder: (c, s) => const GuardianAiConfigScreen()),
- GoRoute(path: '/guardian/voice-cmd', builder: (c, s) => const GuardianVoiceCmdScreen()),
- GoRoute(path: '/guardian/shortcuts', builder: (c, s) => const GuardianShortcutScreen()),
- GoRoute(path: '/guardian/geofence', builder: (c, s) => const GuardianGeofenceScreen()),
- GoRoute(path: '/guardian/pairing', builder: (c, s) => const GuardianPairingScreen()),
+ GoRoute(
+ path: '/guardian/dashboard',
+ builder: (_, __) => const GuardianDashboardScreen()),
+ GoRoute(
+ path: '/guardian/map',
+ builder: (_, __) => const GuardianMapScreen()),
+ GoRoute(
+ path: '/guardian/logs',
+ builder: (_, __) => const GuardianActivityLogScreen()),
+ GoRoute(
+ path: '/guardian/send-notif',
+ builder: (_, __) => const GuardianSendNotifScreen()),
+ GoRoute(
+ path: '/guardian/ai-config',
+ builder: (_, __) => const GuardianAiConfigScreen()),
+ GoRoute(
+ path: '/guardian/voice-cmd',
+ builder: (_, __) => const GuardianVoiceCmdScreen()),
+ GoRoute(
+ path: '/guardian/shortcuts',
+ builder: (_, __) => const GuardianShortcutScreen()),
+ GoRoute(
+ path: '/guardian/geofence',
+ builder: (_, __) => const GuardianGeofenceScreen()),
+ GoRoute(
+ path: '/guardian/pairing',
+ builder: (_, __) => const GuardianPairingScreen()),
+ GoRoute(
+ path: '/guardian/settings',
+ builder: (_, __) => const GuardianSettingsScreen()),
+ GoRoute(
+ path: '/guardian/benchmark',
+ builder: (_, __) => const AiBenchmarkScreen()),
],
),
],
-);
\ No newline at end of file
+);
diff --git a/walkguide-mobile/walkguide_app/lib/core/ai/detection_export.dart b/walkguide-mobile/walkguide_app/lib/core/ai/detection_export.dart
new file mode 100644
index 0000000..cf46cf5
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/ai/detection_export.dart
@@ -0,0 +1,2 @@
+export 'obstacle_analyzer.dart';
+export 'yolo_detector.dart';
diff --git a/walkguide-mobile/walkguide_app/lib/core/ai/obstacle_analyzer.dart b/walkguide-mobile/walkguide_app/lib/core/ai/obstacle_analyzer.dart
new file mode 100644
index 0000000..8d06ca9
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/ai/obstacle_analyzer.dart
@@ -0,0 +1,37 @@
+enum ObstacleDirection { left, center, right }
+
+class DetectionResult {
+ final String label;
+ final double confidence;
+ final ObstacleDirection direction;
+ final String estimatedDistance;
+
+ const DetectionResult({
+ required this.label,
+ required this.confidence,
+ required this.direction,
+ required this.estimatedDistance,
+ });
+
+ String get directionName => direction.name.toUpperCase();
+
+ String get spokenId {
+ final area = switch (direction) {
+ ObstacleDirection.left => 'kiri',
+ ObstacleDirection.center => 'tengah',
+ ObstacleDirection.right => 'kanan',
+ };
+ return 'Hati-hati, $label di $area. Jarak $estimatedDistance.';
+ }
+}
+
+class ObstacleAnalyzer {
+ DetectionResult analyzeFallback({String label = 'person', double confidence = 0.86}) {
+ return DetectionResult(
+ label: label,
+ confidence: confidence,
+ direction: ObstacleDirection.center,
+ estimatedDistance: 'Close',
+ );
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/ai/yolo_detector.dart b/walkguide-mobile/walkguide_app/lib/core/ai/yolo_detector.dart
new file mode 100644
index 0000000..098b0c4
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/ai/yolo_detector.dart
@@ -0,0 +1,47 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/services.dart';
+
+import '../constants/app_constants.dart';
+import 'obstacle_analyzer.dart';
+
+class YoloDetector {
+ final ObstacleAnalyzer _analyzer;
+ List _labels = const [];
+ bool _ready = false;
+
+ YoloDetector(this._analyzer);
+
+ bool get isReady => _ready;
+
+ Future init() async {
+ try {
+ _labels = (await rootBundle.loadString(AppConstants.yoloLabelsPath))
+ .split('\n')
+ .map((e) => e.trim())
+ .where((e) => e.isNotEmpty)
+ .toList();
+ if (kIsWeb) {
+ _ready = false;
+ return;
+ }
+ await rootBundle.load(await AppConstants.getSelectedYoloModelPath());
+ _ready = true;
+ } catch (e) {
+ debugPrint('YOLO fallback mode: $e');
+ _ready = false;
+ }
+ }
+
+ Future detectFallback() async {
+ if (_ready) {
+ // Full tensor pre/post-processing belongs here once yolov8n.tflite is present.
+ // The app keeps a deterministic fallback so demo flows remain testable.
+ }
+ final label = _labels.isNotEmpty ? _labels.first : 'person';
+ return _analyzer.analyzeFallback(label: label);
+ }
+
+ void dispose() {
+ _ready = false;
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/constants/app_constants.dart b/walkguide-mobile/walkguide_app/lib/core/constants/app_constants.dart
index 00aa885..e16a5df 100644
--- a/walkguide-mobile/walkguide_app/lib/core/constants/app_constants.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/constants/app_constants.dart
@@ -2,6 +2,7 @@ import 'package:shared_preferences/shared_preferences.dart';
class AppConstants {
static const String _serverUrlKey = 'server_base_url';
+ static const String _selectedYoloModelKey = 'selected_yolo_model';
// Ambil base URL dari SharedPreferences
static Future getServerUrl() async {
@@ -12,18 +13,29 @@ class AppConstants {
// Simpan URL setelah berhasil connect
static Future setServerUrl(String url) async {
final prefs = await SharedPreferences.getInstance();
- // Trim trailing slash
- final cleaned = url.endsWith('/') ? url.substring(0, url.length - 1) : url;
+ final cleaned = normalizeServerUrl(url);
await prefs.setString(_serverUrlKey, cleaned);
}
+ static String normalizeServerUrl(String url) {
+ var cleaned = url.trim();
+ if (!cleaned.startsWith('http://') && !cleaned.startsWith('https://')) {
+ cleaned = 'http://$cleaned';
+ }
+ while (cleaned.endsWith('/')) {
+ cleaned = cleaned.substring(0, cleaned.length - 1);
+ }
+ return cleaned;
+ }
+
static Future clearServerUrl() async {
final prefs = await SharedPreferences.getInstance();
await prefs.remove(_serverUrlKey);
}
static String buildApiUrl(String baseUrl) => '$baseUrl/api/v1';
- static String buildWsUrl(String baseUrl) => baseUrl.replaceFirst('http', 'ws') + '/ws';
+ static String buildWsUrl(String baseUrl) =>
+ '${baseUrl.replaceFirst('http', 'ws')}/ws';
// Timeouts
static const Duration connectTimeout = Duration(seconds: 10);
@@ -39,6 +51,16 @@ class AppConstants {
static const String yoloLabelsPath = 'assets/models/labels.txt';
static const int yoloInputSize = 640;
+ static Future getSelectedYoloModelPath() async {
+ final prefs = await SharedPreferences.getInstance();
+ return prefs.getString(_selectedYoloModelKey) ?? yoloModelPath;
+ }
+
+ static Future setSelectedYoloModelPath(String path) async {
+ final prefs = await SharedPreferences.getInstance();
+ await prefs.setString(_selectedYoloModelKey, path);
+ }
+
// Agora - ganti dengan App ID dari agora.io
static const String agoraAppId = 'YOUR_AGORA_APP_ID';
-}
\ No newline at end of file
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/network/api_client.dart b/walkguide-mobile/walkguide_app/lib/core/network/api_client.dart
index c94717e..ec617ba 100644
--- a/walkguide-mobile/walkguide_app/lib/core/network/api_client.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/network/api_client.dart
@@ -14,6 +14,7 @@ class ApiClient {
_dio = Dio(BaseOptions(
baseUrl: _baseUrl!,
connectTimeout: AppConstants.connectTimeout,
+ sendTimeout: AppConstants.connectTimeout,
receiveTimeout: AppConstants.receiveTimeout,
headers: {
'Content-Type': 'application/json',
@@ -97,4 +98,4 @@ class _ErrorInterceptor extends Interceptor {
// Let the calling code handle it — just pass through
handler.next(err);
}
-}
\ No newline at end of file
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/call_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/call_service.dart
new file mode 100644
index 0000000..3926e82
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/services/call_service.dart
@@ -0,0 +1,54 @@
+import 'package:agora_rtc_engine/agora_rtc_engine.dart';
+import 'package:flutter/foundation.dart';
+
+import '../constants/app_constants.dart';
+import '../network/api_client.dart';
+
+class CallService {
+ final ApiClient _apiClient;
+ RtcEngine? _engine;
+
+ CallService(this._apiClient);
+
+ Future?> requestToken(String channelName) async {
+ final res = await _apiClient.dio.post('/shared/call/token', data: {'channelName': channelName});
+ final data = res.data['data'];
+ return data is Map ? data : null;
+ }
+
+ Future notifyIncomingCall({required int receiverId, required String channelName}) async {
+ await _apiClient.dio.post('/shared/call/notify', data: {
+ 'receiverId': receiverId,
+ 'channelName': channelName,
+ });
+ }
+
+ Future joinChannel({required String channelName, int uid = 0}) async {
+ try {
+ final tokenData = await requestToken(channelName);
+ final token = tokenData?['token']?.toString();
+ _engine ??= createAgoraRtcEngine();
+ await _engine!.initialize(const RtcEngineContext(appId: AppConstants.agoraAppId));
+ await _engine!.enableAudio();
+ await _engine!.joinChannel(
+ token: token ?? '',
+ channelId: channelName,
+ uid: uid,
+ options: const ChannelMediaOptions(),
+ );
+ return true;
+ } catch (e) {
+ debugPrint('Agora join skipped: $e');
+ return false;
+ }
+ }
+
+ Future leave() async {
+ await _engine?.leaveChannel();
+ }
+
+ Future dispose() async {
+ await _engine?.release();
+ _engine = null;
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/fcm_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/fcm_service.dart
new file mode 100644
index 0000000..0ae0286
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/services/fcm_service.dart
@@ -0,0 +1,63 @@
+import 'package:firebase_messaging/firebase_messaging.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter_local_notifications/flutter_local_notifications.dart';
+
+import '../network/api_client.dart';
+
+class FcmService {
+ final ApiClient _apiClient;
+ final FirebaseMessaging _messaging = FirebaseMessaging.instance;
+ final FlutterLocalNotificationsPlugin _localNotifications = FlutterLocalNotificationsPlugin();
+
+ FcmService(this._apiClient);
+
+ Future init() async {
+ if (kIsWeb) return;
+ try {
+ await _localNotifications.initialize(
+ const InitializationSettings(
+ android: AndroidInitializationSettings('@mipmap/ic_launcher'),
+ ),
+ );
+ await _messaging.requestPermission(alert: true, badge: true, sound: true);
+ final token = await _messaging.getToken();
+ if (token != null) await syncToken(token);
+ FirebaseMessaging.instance.onTokenRefresh.listen(syncToken);
+ FirebaseMessaging.onMessage.listen((message) {
+ debugPrint('FCM foreground: ${message.data}');
+ _showLocalNotification(message);
+ });
+ } catch (e) {
+ debugPrint('FCM init skipped: $e');
+ }
+ }
+
+ Future syncToken(String token) async {
+ try {
+ await _apiClient.dio.put('/auth/fcm-token', data: {'fcmToken': token});
+ } catch (e) {
+ debugPrint('FCM token sync skipped: $e');
+ }
+ }
+
+ Future _showLocalNotification(RemoteMessage message) async {
+ final notification = message.notification;
+ final title = notification?.title ?? message.data['title']?.toString() ?? 'WalkGuide';
+ final body = notification?.body ?? message.data['body']?.toString() ?? 'Ada update baru';
+ await _localNotifications.show(
+ DateTime.now().millisecondsSinceEpoch ~/ 1000,
+ title,
+ body,
+ const NotificationDetails(
+ android: AndroidNotificationDetails(
+ 'walkguide_alerts',
+ 'WalkGuide Alerts',
+ channelDescription: 'SOS, pairing, call, and guardian notifications',
+ importance: Importance.max,
+ priority: Priority.high,
+ ),
+ ),
+ payload: message.data['type']?.toString(),
+ );
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/haptic_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/haptic_service.dart
index 58dc999..e452e21 100644
--- a/walkguide-mobile/walkguide_app/lib/core/services/haptic_service.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/services/haptic_service.dart
@@ -1,7 +1,7 @@
import 'package:vibration/vibration.dart';
class HapticService {
- Future get _hasVibrator async => (await Vibration.hasVibrator()) ?? false;
+ Future get _hasVibrator async => Vibration.hasVibrator();
Future obstacleVeryClose() async {
if (!await _hasVibrator) return;
@@ -34,4 +34,4 @@ class HapticService {
}
Future stop() async => Vibration.cancel();
-}
\ No newline at end of file
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/location_reporter_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/location_reporter_service.dart
new file mode 100644
index 0000000..f305b7f
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/services/location_reporter_service.dart
@@ -0,0 +1,53 @@
+import 'dart:async';
+
+import 'package:dio/dio.dart';
+import 'package:geolocator/geolocator.dart';
+
+import '../constants/app_constants.dart';
+import '../network/api_client.dart';
+import 'offline_queue_service.dart';
+
+class LocationReporterService {
+ final ApiClient _apiClient;
+ final OfflineQueueService _offlineQueue;
+ Timer? _timer;
+
+ LocationReporterService(this._apiClient, this._offlineQueue);
+
+ Future start({bool walkGuideActive = false}) async {
+ await stop();
+ final interval = Duration(
+ milliseconds: walkGuideActive ? AppConstants.locationIntervalWalkMs : AppConstants.locationIntervalIdleMs,
+ );
+ await _sendOnce();
+ _timer = Timer.periodic(interval, (_) => _sendOnce());
+ }
+
+ Future stop() async {
+ _timer?.cancel();
+ _timer = null;
+ }
+
+ Future _sendOnce() async {
+ try {
+ await Geolocator.requestPermission();
+ final position = await Geolocator.getCurrentPosition();
+ await _apiClient.dio.post('/user/location', data: {
+ 'lat': position.latitude,
+ 'lng': position.longitude,
+ 'accuracy': position.accuracy,
+ 'speed': position.speed,
+ 'heading': position.heading,
+ });
+ } on DioException catch (_) {
+ await _offlineQueue.enqueue(OfflineRequest(
+ method: 'POST',
+ path: '/user/location',
+ body: const {'lat': null, 'lng': null},
+ createdAt: DateTime.now(),
+ ));
+ } catch (_) {
+ // GPS permission can be unavailable during desktop/web testing.
+ }
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/offline_queue_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/offline_queue_service.dart
new file mode 100644
index 0000000..0c21419
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/services/offline_queue_service.dart
@@ -0,0 +1,90 @@
+import 'dart:convert';
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../network/api_client.dart';
+
+class OfflineRequest {
+ final String method;
+ final String path;
+ final Map body;
+ final DateTime createdAt;
+
+ OfflineRequest({
+ required this.method,
+ required this.path,
+ required this.body,
+ required this.createdAt,
+ });
+
+ Map toJson() => {
+ 'method': method,
+ 'path': path,
+ 'body': body,
+ 'createdAt': createdAt.toIso8601String(),
+ };
+
+ factory OfflineRequest.fromJson(Map json) => OfflineRequest(
+ method: json['method'] as String,
+ path: json['path'] as String,
+ body: Map.from(json['body'] as Map),
+ createdAt: DateTime.parse(json['createdAt'] as String),
+ );
+}
+
+class OfflineQueueService {
+ static const _key = 'offline_request_queue';
+
+ Future enqueue(OfflineRequest request) async {
+ final prefs = await SharedPreferences.getInstance();
+ final queue = await readAll();
+ queue.add(request);
+ await prefs.setString(_key, jsonEncode(queue.map((e) => e.toJson()).toList()));
+ }
+
+ Future> readAll() async {
+ final prefs = await SharedPreferences.getInstance();
+ final raw = prefs.getString(_key);
+ if (raw == null || raw.isEmpty) return [];
+ final decoded = jsonDecode(raw) as List;
+ return decoded.map((e) => OfflineRequest.fromJson(Map.from(e as Map))).toList();
+ }
+
+ Future clear() async {
+ final prefs = await SharedPreferences.getInstance();
+ await prefs.remove(_key);
+ }
+
+ Future syncPending(ApiClient apiClient) async {
+ final queue = await readAll();
+ if (queue.isEmpty) return 0;
+
+ final remaining = [];
+ var synced = 0;
+ for (final request in queue) {
+ try {
+ switch (request.method.toUpperCase()) {
+ case 'POST':
+ await apiClient.dio.post(request.path, data: request.body);
+ break;
+ case 'PUT':
+ await apiClient.dio.put(request.path, data: request.body);
+ break;
+ default:
+ await apiClient.dio.get(request.path);
+ }
+ synced++;
+ } catch (_) {
+ remaining.add(request);
+ }
+ }
+
+ final prefs = await SharedPreferences.getInstance();
+ if (remaining.isEmpty) {
+ await prefs.remove(_key);
+ } else {
+ await prefs.setString(_key, jsonEncode(remaining.map((e) => e.toJson()).toList()));
+ }
+ return synced;
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/stt_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/stt_service.dart
index bb49674..260f8d6 100644
--- a/walkguide-mobile/walkguide_app/lib/core/services/stt_service.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/services/stt_service.dart
@@ -1,3 +1,5 @@
+// ignore_for_file: deprecated_member_use
+
import 'package:speech_to_text/speech_to_text.dart';
class SttService {
@@ -51,4 +53,4 @@ class SttService {
Future.delayed(const Duration(milliseconds: 500), startListening);
}
}
-}
\ No newline at end of file
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/voice_command_handler.dart b/walkguide-mobile/walkguide_app/lib/core/services/voice_command_handler.dart
index 884cc82..5916c4f 100644
--- a/walkguide-mobile/walkguide_app/lib/core/services/voice_command_handler.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/services/voice_command_handler.dart
@@ -1,4 +1,3 @@
-import 'package:get_it/get_it.dart';
import 'tts_service.dart';
import 'stt_service.dart';
@@ -72,4 +71,4 @@ class VoiceCommandHandler {
if (key == VoiceCommandKey.repeatLast) _tts.repeatLast();
if (key == VoiceCommandKey.stopTts) _tts.stop();
}
-}
\ No newline at end of file
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/services/websocket_service.dart b/walkguide-mobile/walkguide_app/lib/core/services/websocket_service.dart
new file mode 100644
index 0000000..7472ca7
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/services/websocket_service.dart
@@ -0,0 +1,41 @@
+import 'dart:async';
+
+import 'package:flutter/foundation.dart';
+import 'package:web_socket_channel/web_socket_channel.dart';
+
+import '../constants/app_constants.dart';
+import '../storage/secure_storage.dart';
+
+class WebSocketService {
+ final SecureStorage _storage;
+ WebSocketChannel? _channel;
+ StreamSubscription? _subscription;
+
+ WebSocketService(this._storage);
+
+ Future connect(String serverUrl, {void Function(dynamic event)? onMessage}) async {
+ await disconnect();
+ final token = await _storage.getAccessToken();
+ final wsUrl = Uri.parse('${AppConstants.buildWsUrl(serverUrl)}${token == null ? '' : '?token=$token'}');
+ try {
+ _channel = WebSocketChannel.connect(wsUrl);
+ _subscription = _channel!.stream.listen(
+ onMessage ?? (event) => debugPrint('$event'),
+ onError: (Object error, StackTrace stackTrace) => debugPrint('$error'),
+ );
+ } catch (e) {
+ debugPrint('WebSocket connect skipped: $e');
+ }
+ }
+
+ void send(Object message) {
+ _channel?.sink.add(message);
+ }
+
+ Future disconnect() async {
+ await _subscription?.cancel();
+ _subscription = null;
+ await _channel?.sink.close();
+ _channel = null;
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/storage/secure_storage.dart b/walkguide-mobile/walkguide_app/lib/core/storage/secure_storage.dart
index b13f5d1..03c7246 100644
--- a/walkguide-mobile/walkguide_app/lib/core/storage/secure_storage.dart
+++ b/walkguide-mobile/walkguide_app/lib/core/storage/secure_storage.dart
@@ -1,16 +1,26 @@
+import 'package:flutter/foundation.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:shared_preferences/shared_preferences.dart';
class SecureStorage {
static const _storage = FlutterSecureStorage(
aOptions: AndroidOptions(encryptedSharedPreferences: true),
);
- static const _keyAccess = 'access_token';
+ static const _keyAccess = 'access_token';
static const _keyRefresh = 'refresh_token';
- static const _keyRole = 'user_role';
- static const _keyUserId = 'user_id';
- static const _keyName = 'display_name';
- static const _keyUid = 'unique_user_id';
+ static const _keyRole = 'user_role';
+ static const _keyUserId = 'user_id';
+ static const _keyName = 'display_name';
+ static const _keyUid = 'unique_user_id';
+ static const _keys = [
+ _keyAccess,
+ _keyRefresh,
+ _keyRole,
+ _keyUserId,
+ _keyName,
+ _keyUid,
+ ];
Future saveTokens({
required String accessToken,
@@ -20,22 +30,56 @@ class SecureStorage {
String? displayName,
String? uniqueUserId,
}) async {
+ if (kIsWeb) {
+ final prefs = await SharedPreferences.getInstance();
+ await Future.wait([
+ prefs.setString(_keyAccess, accessToken),
+ prefs.setString(_keyRefresh, refreshToken),
+ prefs.setString(_keyRole, role),
+ prefs.setString(_keyUserId, userId),
+ if (displayName != null) prefs.setString(_keyName, displayName),
+ if (uniqueUserId != null) prefs.setString(_keyUid, uniqueUserId),
+ ]);
+ return;
+ }
+
await Future.wait([
- _storage.write(key: _keyAccess, value: accessToken),
+ _storage.write(key: _keyAccess, value: accessToken),
_storage.write(key: _keyRefresh, value: refreshToken),
- _storage.write(key: _keyRole, value: role),
- _storage.write(key: _keyUserId, value: userId),
- if (displayName != null) _storage.write(key: _keyName, value: displayName),
- if (uniqueUserId != null) _storage.write(key: _keyUid, value: uniqueUserId),
+ _storage.write(key: _keyRole, value: role),
+ _storage.write(key: _keyUserId, value: userId),
+ if (displayName != null)
+ _storage.write(key: _keyName, value: displayName),
+ if (uniqueUserId != null)
+ _storage.write(key: _keyUid, value: uniqueUserId),
]);
}
- Future getAccessToken() async => _storage.read(key: _keyAccess);
- Future getRefreshToken() async => _storage.read(key: _keyRefresh);
- Future getUserRole() async => _storage.read(key: _keyRole);
- Future getUserId() async => _storage.read(key: _keyUserId);
- Future getDisplayName() async => _storage.read(key: _keyName);
- Future getUniqueUserId() async => _storage.read(key: _keyUid);
+ Future getAccessToken() async => _read(_keyAccess);
+ Future getRefreshToken() async => _read(_keyRefresh);
+ Future getUserRole() async => _read(_keyRole);
+ Future getUserId() async => _read(_keyUserId);
+ Future getDisplayName() async => _read(_keyName);
+ Future getUniqueUserId() async => _read(_keyUid);
- Future clearAll() async => _storage.deleteAll();
-}
\ No newline at end of file
+ Future clearAll() async {
+ if (kIsWeb) {
+ final prefs = await SharedPreferences.getInstance();
+ await Future.wait(_keys.map(prefs.remove));
+ return;
+ }
+ await _storage.deleteAll();
+ }
+
+ Future _read(String key) async {
+ if (kIsWeb) {
+ final prefs = await SharedPreferences.getInstance();
+ return prefs.getString(key);
+ }
+ try {
+ return await _storage.read(key: key);
+ } catch (_) {
+ return null;
+ }
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/theme/app_colors.dart b/walkguide-mobile/walkguide_app/lib/core/theme/app_colors.dart
new file mode 100644
index 0000000..cd853ef
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/theme/app_colors.dart
@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class AppColors {
+ static const primary = Color(0xFF1A56DB);
+ static const danger = Color(0xFFDC2626);
+ static const success = Color(0xFF16A34A);
+ static const surface = Color(0xFFF8FAFC);
+ static const text = Color(0xFF0F172A);
+ static const muted = Color(0xFF64748B);
+}
diff --git a/walkguide-mobile/walkguide_app/lib/core/utils/formatters.dart b/walkguide-mobile/walkguide_app/lib/core/utils/formatters.dart
new file mode 100644
index 0000000..5f57238
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/core/utils/formatters.dart
@@ -0,0 +1,8 @@
+String compactDateTime(DateTime value) {
+ final y = value.year.toString().padLeft(4, '0');
+ final m = value.month.toString().padLeft(2, '0');
+ final d = value.day.toString().padLeft(2, '0');
+ final hh = value.hour.toString().padLeft(2, '0');
+ final mm = value.minute.toString().padLeft(2, '0');
+ return '$y-$m-$d $hh:$mm';
+}
diff --git a/walkguide-mobile/walkguide_app/lib/features/activity_log/activity_log_screen.dart b/walkguide-mobile/walkguide_app/lib/features/activity_log/activity_log_screen.dart
new file mode 100644
index 0000000..915d267
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/activity_log/activity_log_screen.dart
@@ -0,0 +1 @@
+export '../screens.dart' show ActivityLogScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/auth/login_screen.dart b/walkguide-mobile/walkguide_app/lib/features/auth/login_screen.dart
index da5973e..0d9cf09 100644
--- a/walkguide-mobile/walkguide_app/lib/features/auth/login_screen.dart
+++ b/walkguide-mobile/walkguide_app/lib/features/auth/login_screen.dart
@@ -1,69 +1 @@
-import 'package:flutter/material.dart';
-import 'package:go_router/go_router.dart';
-import 'package:google_fonts/google_fonts.dart';
-import '../../../../core/storage/secure_storage.dart';
-import '../../../../core/services/tts_service.dart';
-import '../../../../injection_container.dart';
-
-class SplashScreen extends StatefulWidget {
- const SplashScreen({super.key});
-
- @override
- State createState() => _SplashScreenState();
-}
-
-class _SplashScreenState extends State {
- @override
- void initState() {
- super.initState();
- _checkAuth();
- }
-
- Future _checkAuth() async {
- await Future.delayed(const Duration(milliseconds: 800));
- final storage = sl();
- final token = await storage.getAccessToken();
- final role = await storage.getUserRole();
-
- if (!mounted) return;
-
- if (token == null || role == null) {
- context.go('/login');
- return;
- }
-
- final name = await storage.getDisplayName() ?? 'kembali';
- sl().speak('Selamat datang, $name');
-
- if (role == 'ROLE_GUARDIAN') {
- context.go('/guardian/dashboard');
- } else {
- context.go('/user/walkguide');
- }
- }
-
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- backgroundColor: const Color(0xFF1A56DB),
- body: Center(
- child: Column(
- mainAxisSize: MainAxisSize.min,
- children: [
- Container(
- width: 80, height: 80,
- decoration: BoxDecoration(color: Colors.white.withOpacity(0.15), borderRadius: BorderRadius.circular(20)),
- child: const Icon(Icons.navigation_rounded, color: Colors.white, size: 44),
- ),
- const SizedBox(height: 20),
- Text('WalkGuide', style: GoogleFonts.outfit(fontSize: 32, fontWeight: FontWeight.w700, color: Colors.white)),
- const SizedBox(height: 8),
- Text('AI Navigation Assistant', style: GoogleFonts.inter(fontSize: 14, color: Colors.white60)),
- const SizedBox(height: 48),
- const CircularProgressIndicator(color: Colors.white54, strokeWidth: 2),
- ],
- ),
- ),
- );
- }
-}
\ No newline at end of file
+export '../screens.dart';
diff --git a/walkguide-mobile/walkguide_app/lib/features/auth/presentation/login_screen.dart b/walkguide-mobile/walkguide_app/lib/features/auth/presentation/login_screen.dart
index 8dde71e..d09563c 100644
--- a/walkguide-mobile/walkguide_app/lib/features/auth/presentation/login_screen.dart
+++ b/walkguide-mobile/walkguide_app/lib/features/auth/presentation/login_screen.dart
@@ -1,429 +1 @@
-import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
-import 'package:dio/dio.dart';
-import '../../../core/api_service.dart';
-import '../../../core/secure_storage.dart';
-import '../../home/presentation/guardian_dashboard_screen.dart';
-import '../../home/presentation/user_dashboard_screen.dart';
-
-class LoginScreen extends StatefulWidget {
- const LoginScreen({super.key});
- @override
- State createState() => _LoginScreenState();
-}
-
-class _LoginScreenState extends State {
- final _emailCtrl = TextEditingController();
- final _passCtrl = TextEditingController();
- final _apiService = ApiService();
- final _secureStorage = SecureStorage();
- bool _isLoading = false;
- bool _showPass = false;
- int _selectedTab = 0; // 0 = Guardian, 1 = User
-
- final _hints = [
- ['guardian@walkguide.com', 'guardian123'],
- ['user@walkguide.com', 'user123'],
- ];
-
- @override
- void initState() {
- super.initState();
- _emailCtrl.text = _hints[0][0];
- _passCtrl.text = _hints[0][1];
- }
-
- void _switchTab(int idx) {
- setState(() {
- _selectedTab = idx;
- _emailCtrl.text = _hints[idx][0];
- _passCtrl.text = _hints[idx][1];
- });
- }
-
- Future _handleLogin() async {
- setState(() => _isLoading = true);
- try {
- final res = await _apiService.post('/auth/login', {
- 'email': _emailCtrl.text.trim(),
- 'password': _passCtrl.text.trim(),
- });
- if (res.statusCode == 200 && res.data['success'] == true) {
- final data = res.data['data'];
- await _secureStorage.saveToken(data['token']);
- if (!mounted) return;
- Navigator.pushReplacement(context, MaterialPageRoute(
- builder: (_) => data['role'] == 'ROLE_GUARDIAN'
- ? const GuardianDashboardScreen()
- : const UserDashboardScreen(),
- ));
- }
- } on DioException catch (e) {
- if (!mounted) return;
- ScaffoldMessenger.of(context).showSnackBar(SnackBar(
- content: Text(e.response?.data['message'] ?? 'Gagal terhubung'),
- backgroundColor: Colors.redAccent,
- behavior: SnackBarBehavior.floating,
- ));
- } finally {
- if (mounted) setState(() => _isLoading = false);
- }
- }
-
- @override
- Widget build(BuildContext context) {
- final isWide = MediaQuery.of(context).size.width > 700;
- return Scaffold(
- backgroundColor: const Color(0xFFF1F5F9),
- body: Center(
- child: Container(
- constraints: const BoxConstraints(maxWidth: 900, maxHeight: 600),
- margin: const EdgeInsets.all(24),
- decoration: BoxDecoration(
- color: Colors.white,
- borderRadius: BorderRadius.circular(20),
- boxShadow: [
- BoxShadow(
- color: Colors.black.withValues(alpha: 0.08),
- blurRadius: 40,
- offset: const Offset(0, 16),
- )
- ],
- ),
- child: ClipRRect(
- borderRadius: BorderRadius.circular(20),
- child: Row(
- children: [
- if (isWide) Expanded(child: _buildHeroPanel()),
- _buildFormPanel(),
- ],
- ),
- ),
- ),
- ),
- );
- }
-
- Widget _buildHeroPanel() {
- return Stack(
- fit: StackFit.expand,
- children: [
- Image.asset(
- 'assets/images/walk.jpg',
- fit: BoxFit.cover,
- errorBuilder: (_, __, ___) =>
- Container(color: const Color(0xFF0F1923)),
- ),
- Container(
- decoration: const BoxDecoration(
- gradient: LinearGradient(
- begin: Alignment.topCenter,
- end: Alignment.bottomCenter,
- colors: [Colors.transparent, Color(0xCC0A1428)],
- stops: [0.4, 1.0],
- ),
- ),
- ),
- Positioned(
- top: 24,
- left: 24,
- child: Container(
- padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 7),
- decoration: BoxDecoration(
- color: Colors.white.withValues(alpha: 0.12), // ✅ Fixed
- borderRadius: BorderRadius.circular(20),
- border: Border.all(
- color: Colors.white.withValues(alpha: 0.15), // ✅ Fixed
- ),
- ),
- child: Row(
- children: [
- Container(
- width: 6,
- height: 6,
- decoration: const BoxDecoration(
- color: Color(0xFF60EFAB),
- shape: BoxShape.circle,
- ),
- ),
- const SizedBox(width: 6),
- Text(
- 'AI Navigation Active',
- style: GoogleFonts.inter(
- color: Colors.white,
- fontSize: 12,
- fontWeight: FontWeight.w500,
- ),
- ),
- ],
- ),
- ),
- ),
- Positioned(
- bottom: 36,
- left: 32,
- right: 32,
- child: Column(
- crossAxisAlignment: CrossAxisAlignment.start,
- children: [
- Text(
- '"WalkGuide memberi saya\nkebebasan yang luar biasa."',
- style: GoogleFonts.outfit(
- color: Colors.white,
- fontSize: 22,
- fontWeight: FontWeight.w600,
- height: 1.35,
- ),
- ),
- const SizedBox(height: 14),
- Text(
- 'Andi Pratama',
- style: GoogleFonts.inter(
- color: Colors.white,
- fontSize: 14,
- fontWeight: FontWeight.w500,
- ),
- ),
- Text(
- 'Pengguna — Surabaya, Jawa Timur',
- style: GoogleFonts.inter(
- color: Colors.white60,
- fontSize: 12,
- ),
- ),
- const SizedBox(height: 18),
- Row(
- children: [
- Container(
- width: 28,
- height: 3,
- decoration: BoxDecoration(
- color: const Color(0xFF60EFAB),
- borderRadius: BorderRadius.circular(2),
- ),
- ),
- const SizedBox(width: 6),
- Container(
- width: 20,
- height: 3,
- decoration: BoxDecoration(
- color: Colors.white24,
- borderRadius: BorderRadius.circular(2),
- ),
- ),
- const SizedBox(width: 6),
- Container(
- width: 20,
- height: 3,
- decoration: BoxDecoration(
- color: Colors.white24,
- borderRadius: BorderRadius.circular(2),
- ),
- ),
- ],
- ),
- ],
- ),
- ),
- ],
- );
- }
-
- Widget _buildFormPanel() {
- return Container(
- width: 320,
- color: Colors.white,
- padding: const EdgeInsets.symmetric(horizontal: 36, vertical: 40),
- child: Column(
- crossAxisAlignment: CrossAxisAlignment.start,
- children: [
- Row(
- children: [
- Container(
- width: 28,
- height: 28,
- decoration: BoxDecoration(
- color: const Color(0xFF1A56DB),
- borderRadius: BorderRadius.circular(8),
- ),
- child: const Icon(Icons.navigation_rounded,
- color: Colors.white, size: 16),
- ),
- const SizedBox(width: 8),
- Text(
- 'WalkGuide',
- style: GoogleFonts.outfit(
- fontSize: 15,
- fontWeight: FontWeight.w600,
- color: const Color(0xFF0F172A),
- ),
- ),
- ],
- ),
- const SizedBox(height: 32),
- Text(
- "Let's sign in",
- style: GoogleFonts.outfit(
- fontSize: 24,
- fontWeight: FontWeight.w600,
- color: const Color(0xFF0F172A),
- ),
- ),
- const SizedBox(height: 4),
- Text(
- 'Continue your journey with WalkGuide.',
- style: GoogleFonts.inter(
- fontSize: 13,
- color: const Color(0xFF64748B),
- ),
- ),
- const SizedBox(height: 24),
- // Tab switcher
- Container(
- padding: const EdgeInsets.all(3),
- decoration: BoxDecoration(
- color: const Color(0xFFF1F5F9),
- borderRadius: BorderRadius.circular(10),
- ),
- child: Row(
- children: [
- _buildTab(0, 'Guardian'),
- _buildTab(1, 'User'),
- ],
- ),
- ),
- const SizedBox(height: 22),
- _buildLabel('Email address'),
- const SizedBox(height: 5),
- _buildInput(_emailCtrl, false),
- const SizedBox(height: 14),
- _buildLabel('Password'),
- const SizedBox(height: 5),
- _buildInput(_passCtrl, true),
- const SizedBox(height: 8),
- Align(
- alignment: Alignment.centerRight,
- child: Text(
- 'Forgot password?',
- style: GoogleFonts.inter(
- fontSize: 12,
- color: const Color(0xFF1A56DB),
- ),
- ),
- ),
- const SizedBox(height: 22),
- SizedBox(
- width: double.infinity,
- height: 42,
- child: ElevatedButton(
- onPressed: _isLoading ? null : _handleLogin,
- style: ElevatedButton.styleFrom(
- backgroundColor: const Color(0xFF1A56DB),
- elevation: 0,
- shape: RoundedRectangleBorder(
- borderRadius: BorderRadius.circular(10),
- ),
- ),
- child: _isLoading
- ? const SizedBox(
- width: 18,
- height: 18,
- child: CircularProgressIndicator(
- color: Colors.white,
- strokeWidth: 2,
- ),
- )
- : Text(
- 'Continue',
- style: GoogleFonts.inter(
- fontSize: 14,
- fontWeight: FontWeight.w500,
- color: Colors.white,
- ),
- ),
- ),
- ),
- const SizedBox(height: 20),
- Center(
- child: Text(
- 'Need help? Contact support',
- style: GoogleFonts.inter(
- fontSize: 12,
- color: const Color(0xFF94A3B8),
- ),
- ),
- ),
- ],
- ),
- );
- }
-
- Widget _buildTab(int idx, String label) {
- final active = _selectedTab == idx;
- return Expanded(
- child: GestureDetector(
- onTap: () => _switchTab(idx),
- child: AnimatedContainer(
- duration: const Duration(milliseconds: 200),
- padding: const EdgeInsets.symmetric(vertical: 8),
- decoration: BoxDecoration(
- color: active ? Colors.white : Colors.transparent,
- borderRadius: BorderRadius.circular(7),
- ),
- child: Text(
- label,
- textAlign: TextAlign.center,
- style: GoogleFonts.inter(
- fontSize: 13,
- fontWeight: active ? FontWeight.w600 : FontWeight.w400,
- color: active
- ? const Color(0xFF0F172A)
- : const Color(0xFF64748B),
- ),
- ),
- ),
- ),
- );
- }
-
- Widget _buildLabel(String text) => Text(
- text,
- style: GoogleFonts.inter(
- fontSize: 12,
- color: const Color(0xFF64748B),
- ),
- );
-
- Widget _buildInput(TextEditingController ctrl, bool isPass) {
- return Container(
- height: 40,
- decoration: BoxDecoration(
- border: Border.all(color: const Color(0xFFE2E8F0)),
- borderRadius: BorderRadius.circular(8),
- ),
- child: TextField(
- controller: ctrl,
- obscureText: isPass && !_showPass,
- style: GoogleFonts.inter(
- fontSize: 13,
- color: const Color(0xFF0F172A),
- ),
- decoration: InputDecoration(
- border: InputBorder.none,
- contentPadding:
- const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
- suffixIcon: isPass
- ? IconButton(
- icon: Icon(
- _showPass ? Icons.visibility_off : Icons.visibility,
- size: 16,
- color: const Color(0xFF94A3B8),
- ),
- onPressed: () => setState(() => _showPass = !_showPass),
- )
- : null,
- ),
- ),
- );
- }
-}
\ No newline at end of file
+export '../../screens.dart';
diff --git a/walkguide-mobile/walkguide_app/lib/features/auth/register_screen.dart b/walkguide-mobile/walkguide_app/lib/features/auth/register_screen.dart
index 4d2e82d..0d9cf09 100644
--- a/walkguide-mobile/walkguide_app/lib/features/auth/register_screen.dart
+++ b/walkguide-mobile/walkguide_app/lib/features/auth/register_screen.dart
@@ -1,165 +1 @@
-import 'package:flutter/material.dart';
-import 'package:go_router/go_router.dart';
-import 'package:google_fonts/google_fonts.dart';
-import 'package:dio/dio.dart';
-
-import '../../../../core/network/api_client.dart';
-import '../../../../core/storage/secure_storage.dart';
-import '../../../../core/services/tts_service.dart';
-import '../../../../injection_container.dart';
-
-class RegisterScreen extends StatefulWidget {
- const RegisterScreen({super.key});
- @override
- State createState() => _RegisterScreenState();
-}
-
-class _RegisterScreenState extends State {
- final _nameCtrl = TextEditingController();
- final _emailCtrl = TextEditingController();
- final _passCtrl = TextEditingController();
- String _selectedRole = '';
- bool _loading = false;
-
- Future _register() async {
- if (_selectedRole.isEmpty) {
- ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Pilih tipe akun dulu')));
- return;
- }
- setState(() => _loading = true);
- try {
- final res = await sl().dio.post('/auth/register', data: {
- 'email': _emailCtrl.text.trim(),
- 'password': _passCtrl.text.trim(),
- 'displayName': _nameCtrl.text.trim(),
- 'role': _selectedRole,
- });
- if (res.statusCode == 200 && res.data['success'] == true) {
- final data = res.data['data'];
- await sl().saveTokens(
- accessToken: data['accessToken'],
- refreshToken: data['refreshToken'],
- role: data['role'],
- userId: data['userId'].toString(),
- displayName: data['displayName'],
- uniqueUserId: data['uniqueUserId'],
- );
- if (!mounted) return;
- final isUser = data['role'] == 'ROLE_USER';
- if (isUser) {
- final uid = data['uniqueUserId'] ?? '';
- sl().speak('Registrasi berhasil. ID kamu adalah ${uid.split('').join(' ')}. Bagikan ID ini ke Guardian kamu.');
- } else {
- sl().speak('Registrasi berhasil. Selamat datang, ${data['displayName']}');
- }
- context.go(isUser ? '/user/walkguide' : '/guardian/dashboard');
- }
- } on DioException catch (e) {
- final msg = e.response?.data['message'] ?? 'Registrasi gagal';
- if (mounted) ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(msg), backgroundColor: Colors.redAccent));
- } finally {
- if (mounted) setState(() => _loading = false);
- }
- }
-
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- backgroundColor: const Color(0xFFF1F5F9),
- body: Center(
- child: SingleChildScrollView(
- padding: const EdgeInsets.all(24),
- child: Container(
- constraints: const BoxConstraints(maxWidth: 440),
- decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20),
- boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.08), blurRadius: 40, offset: const Offset(0, 16))]),
- padding: const EdgeInsets.all(32),
- child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
- Text('Buat Akun', style: GoogleFonts.outfit(fontSize: 26, fontWeight: FontWeight.w700)),
- const SizedBox(height: 6),
- Text('Pilih tipe akun kamu', style: GoogleFonts.inter(fontSize: 13, color: const Color(0xFF64748B))),
- const SizedBox(height: 24),
-
- // Role selector cards
- Row(children: [
- _roleCard('GUARDIAN', Icons.shield_outlined, 'Guardian', 'Saya akan membimbing seseorang'),
- const SizedBox(width: 12),
- _roleCard('USER', Icons.accessibility_new_rounded, 'User', 'Saya butuh bantuan navigasi'),
- ]),
- const SizedBox(height: 24),
-
- _field('Nama Lengkap', _nameCtrl, false),
- const SizedBox(height: 14),
- _field('Email', _emailCtrl, false),
- const SizedBox(height: 14),
- _field('Password (min. 6 karakter)', _passCtrl, true),
- const SizedBox(height: 24),
-
- SizedBox(
- width: double.infinity, height: 44,
- child: ElevatedButton(
- onPressed: _loading ? null : _register,
- style: ElevatedButton.styleFrom(
- backgroundColor: const Color(0xFF1A56DB),
- shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
- ),
- child: _loading
- ? const SizedBox(width: 18, height: 18, child: CircularProgressIndicator(color: Colors.white, strokeWidth: 2))
- : Text('Daftar Sekarang', style: GoogleFonts.inter(fontSize: 14, fontWeight: FontWeight.w600, color: Colors.white)),
- ),
- ),
- const SizedBox(height: 14),
- Center(child: GestureDetector(
- onTap: () => context.go('/login'),
- child: Text('Sudah punya akun? Login', style: GoogleFonts.inter(fontSize: 12, color: const Color(0xFF1A56DB))),
- )),
- ]),
- ),
- ),
- ),
- );
- }
-
- Widget _roleCard(String role, IconData icon, String title, String subtitle) {
- final selected = _selectedRole == role;
- return Expanded(
- child: GestureDetector(
- onTap: () => setState(() => _selectedRole = role),
- child: AnimatedContainer(
- duration: const Duration(milliseconds: 200),
- padding: const EdgeInsets.all(16),
- decoration: BoxDecoration(
- color: selected ? const Color(0xFFEFF6FF) : const Color(0xFFF8FAFC),
- border: Border.all(color: selected ? const Color(0xFF1A56DB) : const Color(0xFFE2E8F0), width: selected ? 2 : 1),
- borderRadius: BorderRadius.circular(12),
- ),
- child: Column(children: [
- Icon(icon, color: selected ? const Color(0xFF1A56DB) : const Color(0xFF94A3B8), size: 28),
- const SizedBox(height: 8),
- Text(title, style: GoogleFonts.inter(fontSize: 13, fontWeight: FontWeight.w600, color: selected ? const Color(0xFF1A56DB) : const Color(0xFF0F172A))),
- const SizedBox(height: 4),
- Text(subtitle, textAlign: TextAlign.center, style: GoogleFonts.inter(fontSize: 10, color: const Color(0xFF94A3B8))),
- ]),
- ),
- ),
- );
- }
-
- Widget _field(String label, TextEditingController ctrl, bool isPass) {
- return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
- Text(label, style: GoogleFonts.inter(fontSize: 12, color: const Color(0xFF64748B))),
- const SizedBox(height: 5),
- TextField(
- controller: ctrl,
- obscureText: isPass,
- style: GoogleFonts.inter(fontSize: 13),
- decoration: InputDecoration(
- border: OutlineInputBorder(borderRadius: BorderRadius.circular(8), borderSide: const BorderSide(color: Color(0xFFE2E8F0))),
- enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(8), borderSide: const BorderSide(color: Color(0xFFE2E8F0))),
- focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(8), borderSide: const BorderSide(color: Color(0xFF1A56DB), width: 2)),
- contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
- ),
- ),
- ]);
- }
-}
\ No newline at end of file
+export '../screens.dart';
diff --git a/walkguide-mobile/walkguide_app/lib/features/auth/splash_screen.dart b/walkguide-mobile/walkguide_app/lib/features/auth/splash_screen.dart
index da5973e..0d9cf09 100644
--- a/walkguide-mobile/walkguide_app/lib/features/auth/splash_screen.dart
+++ b/walkguide-mobile/walkguide_app/lib/features/auth/splash_screen.dart
@@ -1,69 +1 @@
-import 'package:flutter/material.dart';
-import 'package:go_router/go_router.dart';
-import 'package:google_fonts/google_fonts.dart';
-import '../../../../core/storage/secure_storage.dart';
-import '../../../../core/services/tts_service.dart';
-import '../../../../injection_container.dart';
-
-class SplashScreen extends StatefulWidget {
- const SplashScreen({super.key});
-
- @override
- State createState() => _SplashScreenState();
-}
-
-class _SplashScreenState extends State {
- @override
- void initState() {
- super.initState();
- _checkAuth();
- }
-
- Future _checkAuth() async {
- await Future.delayed(const Duration(milliseconds: 800));
- final storage = sl();
- final token = await storage.getAccessToken();
- final role = await storage.getUserRole();
-
- if (!mounted) return;
-
- if (token == null || role == null) {
- context.go('/login');
- return;
- }
-
- final name = await storage.getDisplayName() ?? 'kembali';
- sl().speak('Selamat datang, $name');
-
- if (role == 'ROLE_GUARDIAN') {
- context.go('/guardian/dashboard');
- } else {
- context.go('/user/walkguide');
- }
- }
-
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- backgroundColor: const Color(0xFF1A56DB),
- body: Center(
- child: Column(
- mainAxisSize: MainAxisSize.min,
- children: [
- Container(
- width: 80, height: 80,
- decoration: BoxDecoration(color: Colors.white.withOpacity(0.15), borderRadius: BorderRadius.circular(20)),
- child: const Icon(Icons.navigation_rounded, color: Colors.white, size: 44),
- ),
- const SizedBox(height: 20),
- Text('WalkGuide', style: GoogleFonts.outfit(fontSize: 32, fontWeight: FontWeight.w700, color: Colors.white)),
- const SizedBox(height: 8),
- Text('AI Navigation Assistant', style: GoogleFonts.inter(fontSize: 14, color: Colors.white60)),
- const SizedBox(height: 48),
- const CircularProgressIndicator(color: Colors.white54, strokeWidth: 2),
- ],
- ),
- ),
- );
- }
-}
\ No newline at end of file
+export '../screens.dart';
diff --git a/walkguide-mobile/walkguide_app/lib/features/call/call_screen.dart b/walkguide-mobile/walkguide_app/lib/features/call/call_screen.dart
new file mode 100644
index 0000000..7d76adf
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/call/call_screen.dart
@@ -0,0 +1 @@
+export '../screens.dart' show CallScreen, IncomingCallScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/guardian_dashboard/guardian_screens.dart b/walkguide-mobile/walkguide_app/lib/features/guardian_dashboard/guardian_screens.dart
new file mode 100644
index 0000000..cddbcb0
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/guardian_dashboard/guardian_screens.dart
@@ -0,0 +1,10 @@
+export '../screens.dart'
+ show
+ GuardianDashboardScreen,
+ GuardianMapScreen,
+ GuardianActivityLogScreen,
+ GuardianSendNotifScreen,
+ GuardianAiConfigScreen,
+ GuardianVoiceCmdScreen,
+ GuardianShortcutScreen,
+ GuardianGeofenceScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/manual/manual_screen.dart b/walkguide-mobile/walkguide_app/lib/features/manual/manual_screen.dart
new file mode 100644
index 0000000..0d990da
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/manual/manual_screen.dart
@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+import '../../core/services/voice_command_handler.dart';
+
+class ManualScreen extends StatelessWidget {
+ const ManualScreen({super.key});
+
+ @override
+ Widget build(BuildContext context) {
+ final commands = VoiceCommandKey.values.map((key) => key.name).toList();
+ return Scaffold(
+ appBar: AppBar(title: const Text('Manual')),
+ body: ListView.separated(
+ padding: const EdgeInsets.all(16),
+ itemCount: commands.length,
+ separatorBuilder: (_, __) => const Divider(height: 1),
+ itemBuilder: (context, index) => ListTile(
+ leading: const Icon(Icons.record_voice_over),
+ title: Text(commands[index]),
+ ),
+ ),
+ );
+ }
+}
diff --git a/walkguide-mobile/walkguide_app/lib/features/navigation_mode/navigation_mode_screen.dart b/walkguide-mobile/walkguide_app/lib/features/navigation_mode/navigation_mode_screen.dart
new file mode 100644
index 0000000..bc918ee
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/navigation_mode/navigation_mode_screen.dart
@@ -0,0 +1 @@
+export '../screens.dart' show NavigationModeScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/notifications/notification_screen.dart b/walkguide-mobile/walkguide_app/lib/features/notifications/notification_screen.dart
new file mode 100644
index 0000000..361d391
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/notifications/notification_screen.dart
@@ -0,0 +1 @@
+export '../screens.dart' show NotificationScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/pairing/pairing_screens.dart b/walkguide-mobile/walkguide_app/lib/features/pairing/pairing_screens.dart
new file mode 100644
index 0000000..37425cc
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/pairing/pairing_screens.dart
@@ -0,0 +1 @@
+export '../screens.dart' show GuardianPairingScreen, UserPairingScreen;
diff --git a/walkguide-mobile/walkguide_app/lib/features/screens.dart b/walkguide-mobile/walkguide_app/lib/features/screens.dart
new file mode 100644
index 0000000..cdbafdb
--- /dev/null
+++ b/walkguide-mobile/walkguide_app/lib/features/screens.dart
@@ -0,0 +1,2383 @@
+// ignore_for_file: use_build_context_synchronously, deprecated_member_use
+
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:dio/dio.dart';
+import 'package:camera/camera.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_map/flutter_map.dart';
+import 'package:flutter/services.dart';
+import 'package:geolocator/geolocator.dart';
+import 'package:go_router/go_router.dart';
+import 'package:latlong2/latlong.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../app/injection_container.dart';
+import '../app/app_cubit.dart';
+import '../core/ai/detection_export.dart';
+import '../core/constants/app_constants.dart';
+import '../core/network/api_client.dart';
+import '../core/services/call_service.dart';
+import '../core/services/haptic_service.dart';
+import '../core/services/location_reporter_service.dart';
+import '../core/services/offline_queue_service.dart';
+import '../core/services/tts_service.dart';
+import '../core/services/websocket_service.dart';
+import '../core/storage/secure_storage.dart';
+
+Dio get _api => sl().dio;
+
+class ServerConnectScreen extends StatefulWidget {
+ const ServerConnectScreen({super.key});
+
+ @override
+ State createState() => _ServerConnectScreenState();
+}
+
+class _ServerConnectScreenState extends State {
+ final _url = TextEditingController(text: 'http://202.46.28.160:8080');
+ bool _loading = false;
+ bool _ok = false;
+ String? _message;
+
+ Future _test() async {
+ setState(() {
+ _loading = true;
+ _ok = false;
+ _message = null;
+ });
+ try {
+ final clean = AppConstants.normalizeServerUrl(_url.text);
+ final res = await Dio(BaseOptions(
+ connectTimeout: AppConstants.pingTimeout,
+ receiveTimeout: AppConstants.pingTimeout,
+ )).get('$clean/api/v1/auth/ping');
+ _ok = res.statusCode == 200 && res.data['success'] == true;
+ _message = _ok
+ ? 'Server aktif dan siap dipakai.'
+ : 'Server merespons dengan format tidak valid.';
+ } catch (e) {
+ _message = 'Tidak bisa terhubung. Periksa URL dan jaringan.';
+ } finally {
+ if (mounted) setState(() => _loading = false);
+ }
+ }
+
+ Future _continue() async {
+ final clean = AppConstants.normalizeServerUrl(_url.text);
+ await AppConstants.setServerUrl(clean);
+ await sl().init(clean);
+ if (mounted) context.go('/splash');
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _AuthFrame(
+ title: 'Connect to Server',
+ subtitle: 'Masukkan URL backend WalkGuide yang diberikan dosen.',
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: [
+ TextField(
+ controller: _url,
+ keyboardType: TextInputType.url,
+ decoration: const InputDecoration(labelText: 'Server URL')),
+ const SizedBox(height: 12),
+ OutlinedButton.icon(
+ onPressed: _loading ? null : _test,
+ icon: _loading
+ ? const SizedBox(
+ width: 18,
+ height: 18,
+ child: CircularProgressIndicator(strokeWidth: 2))
+ : const Icon(Icons.wifi_tethering),
+ label: const Text('Test Connection'),
+ ),
+ if (_message != null) ...[
+ const SizedBox(height: 12),
+ _StatusBox(success: _ok, message: _message!),
+ ],
+ if (_ok) ...[
+ const SizedBox(height: 12),
+ FilledButton.icon(
+ onPressed: _continue,
+ icon: const Icon(Icons.arrow_forward),
+ label: const Text('Continue')),
+ ],
+ ],
+ ),
+ );
+ }
+}
+
+class SplashScreen extends StatefulWidget {
+ const SplashScreen({super.key});
+
+ @override
+ State createState() => _SplashScreenState();
+}
+
+class _SplashScreenState extends State {
+ @override
+ void initState() {
+ super.initState();
+ _route();
+ }
+
+ Future _route() async {
+ try {
+ await Future.delayed(const Duration(milliseconds: 500));
+ final storage = sl();
+ final token =
+ await storage.getAccessToken().timeout(const Duration(seconds: 3));
+ final role =
+ await storage.getUserRole().timeout(const Duration(seconds: 3));
+ if (!mounted) return;
+ if (token == null || role == null) {
+ context.go('/login');
+ } else {
+ context.go(role == 'ROLE_GUARDIAN'
+ ? '/guardian/dashboard'
+ : '/user/walkguide');
+ }
+ } catch (_) {
+ if (mounted) context.go('/login');
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return const Scaffold(
+ backgroundColor: Color(0xFF1A56DB),
+ body: Center(
+ child: Column(
+ mainAxisSize: MainAxisSize.min,
+ children: [
+ Icon(Icons.navigation_rounded, color: Colors.white, size: 72),
+ SizedBox(height: 18),
+ Text('WalkGuide',
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 34,
+ fontWeight: FontWeight.w800)),
+ SizedBox(height: 32),
+ CircularProgressIndicator(color: Colors.white),
+ ],
+ ),
+ ),
+ );
+ }
+}
+
+class LoginScreen extends StatefulWidget {
+ const LoginScreen({super.key});
+
+ @override
+ State createState() => _LoginScreenState();
+}
+
+class _LoginScreenState extends State {
+ final _email = TextEditingController();
+ final _password = TextEditingController();
+ bool _loading = false;
+
+ @override
+ void initState() {
+ super.initState();
+ _loadPendingLoginEmail();
+ }
+
+ Future _loadPendingLoginEmail() async {
+ final prefs = await SharedPreferences.getInstance();
+ final pendingEmail = prefs.getString('pending_login_email');
+ if (!mounted) return;
+ setState(() {
+ if (pendingEmail != null && pendingEmail.isNotEmpty) {
+ _email.text = pendingEmail;
+ }
+ });
+ await prefs.remove('pending_login_email');
+ }
+
+ Future _login() async {
+ if (_email.text.trim().isEmpty || _password.text.isEmpty) {
+ _snack(context, 'Isi email dan password dulu.');
+ return;
+ }
+ setState(() => _loading = true);
+ try {
+ final res = await _api.post('/auth/login', data: {
+ 'email': _email.text.trim(),
+ 'password': _password.text,
+ });
+ await _saveAuthAndRoute(
+ context, Map.from(res.data['data'] as Map));
+ } on DioException catch (e) {
+ _snack(context, e.response?.data['message'] ?? 'Login gagal');
+ } catch (e) {
+ _snack(context, 'Login gagal: $e');
+ } finally {
+ if (mounted) setState(() => _loading = false);
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _AuthFrame(
+ title: 'Sign in',
+ subtitle: 'Masuk sebagai Guardian atau User.',
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: [
+ TextField(
+ controller: _email,
+ decoration: const InputDecoration(labelText: 'Email')),
+ const SizedBox(height: 12),
+ TextField(
+ controller: _password,
+ obscureText: true,
+ decoration: const InputDecoration(labelText: 'Password')),
+ const SizedBox(height: 18),
+ FilledButton.icon(
+ onPressed: _loading ? null : _login,
+ icon: _loading
+ ? const SizedBox(
+ width: 18,
+ height: 18,
+ child: CircularProgressIndicator(strokeWidth: 2))
+ : const Icon(Icons.login),
+ label: const Text('Login'),
+ ),
+ TextButton(
+ onPressed: () => context.go('/register'),
+ child: const Text('Buat akun baru')),
+ ],
+ ),
+ );
+ }
+}
+
+class RegisterScreen extends StatefulWidget {
+ const RegisterScreen({super.key});
+
+ @override
+ State createState() => _RegisterScreenState();
+}
+
+class _RegisterScreenState extends State {
+ final _name = TextEditingController();
+ final _email = TextEditingController();
+ final _password = TextEditingController();
+ String _role = 'USER';
+ bool _loading = false;
+
+ Future _register() async {
+ setState(() => _loading = true);
+ try {
+ final res = await _api.post('/auth/register', data: {
+ 'displayName': _name.text.trim(),
+ 'email': _email.text.trim(),
+ 'password': _password.text,
+ 'role': _role,
+ });
+ final data = Map.from(res.data['data'] as Map);
+ if (!mounted) return;
+ final prefs = await SharedPreferences.getInstance();
+ await prefs.setString('pending_login_email', _email.text.trim());
+ await _showRegisterSuccess(context, data);
+ if (mounted) context.go('/login');
+ } on DioException catch (e) {
+ _snack(context, e.response?.data['message'] ?? 'Registrasi gagal');
+ } catch (e) {
+ _snack(context, 'Registrasi gagal: $e');
+ } finally {
+ if (mounted) setState(() => _loading = false);
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _AuthFrame(
+ title: 'Create Account',
+ subtitle: 'User akan mendapat Unique ID untuk pairing.',
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: [
+ SegmentedButton(
+ segments: const [
+ ButtonSegment(value: 'USER', label: Text('User')),
+ ButtonSegment(value: 'GUARDIAN', label: Text('Guardian')),
+ ],
+ selected: {_role},
+ onSelectionChanged: (value) => setState(() => _role = value.first),
+ ),
+ const SizedBox(height: 16),
+ TextField(
+ controller: _name,
+ decoration: const InputDecoration(labelText: 'Display name')),
+ const SizedBox(height: 12),
+ TextField(
+ controller: _email,
+ decoration: const InputDecoration(labelText: 'Email')),
+ const SizedBox(height: 12),
+ TextField(
+ controller: _password,
+ obscureText: true,
+ decoration: const InputDecoration(labelText: 'Password')),
+ const SizedBox(height: 18),
+ FilledButton.icon(
+ onPressed: _loading ? null : _register,
+ icon: const Icon(Icons.person_add_alt_1),
+ label: const Text('Register'),
+ ),
+ TextButton(
+ onPressed: () => context.go('/login'),
+ child: const Text('Sudah punya akun')),
+ ],
+ ),
+ );
+ }
+}
+
+class WalkGuideScreen extends StatefulWidget {
+ const WalkGuideScreen({super.key});
+
+ @override
+ State createState() => _WalkGuideScreenState();
+}
+
+class _WalkGuideScreenState extends State {
+ bool _active = false;
+ String _status = 'Ready';
+ CameraController? _camera;
+ DetectionResult? _lastDetection;
+
+ @override
+ void dispose() {
+ _camera?.dispose();
+ sl().stop();
+ super.dispose();
+ }
+
+ Future _toggle() async {
+ final next = !_active;
+ if (next) {
+ await _startCamera();
+ await sl().start(walkGuideActive: true);
+ } else {
+ await _camera?.dispose();
+ _camera = null;
+ await sl().stop();
+ }
+ setState(() {
+ _active = next;
+ _status = next ? 'Camera stream active. YOLO ready.' : 'Stopped';
+ });
+ await _api.post(next ? '/user/walkguide/start' : '/user/walkguide/stop');
+ sl().speak(next ? 'WalkGuide dimulai' : 'WalkGuide dihentikan');
+ }
+
+ Future _startCamera() async {
+ if (_camera != null) return;
+ try {
+ final cameras = await availableCameras();
+ if (cameras.isEmpty) return;
+ final controller = CameraController(
+ cameras.first, ResolutionPreset.medium,
+ enableAudio: false);
+ await controller.initialize();
+ if (!mounted) {
+ await controller.dispose();
+ return;
+ }
+ setState(() => _camera = controller);
+ } catch (_) {
+ setState(() => _status = 'Camera unavailable. Demo mode active.');
+ }
+ }
+
+ Future _simulateObstacle() async {
+ final detection = await sl().detectFallback();
+ if (detection == null) return;
+ _lastDetection = detection;
+ await _api.post('/user/obstacle', data: {
+ 'label': detection.label,
+ 'confidence': detection.confidence,
+ 'direction': detection.directionName,
+ 'estimatedDist': detection.estimatedDistance,
+ 'lat': null,
+ 'lng': null,
+ });
+ await sl().obstacleClose();
+ await sl().speakImmediate(detection.spokenId);
+ setState(() => _status =
+ 'Obstacle: ${detection.label} ${detection.directionName} ${detection.estimatedDistance}');
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'WalkGuide',
+ subtitle: 'On-device AI detection surface',
+ actions: [
+ IconButton(
+ onPressed: () => context.go('/user/benchmark'),
+ icon: const Icon(Icons.speed)),
+ IconButton(
+ onPressed: () => context.go('/user/pairing'),
+ icon: const Icon(Icons.link)),
+ ],
+ child: Column(
+ children: [
+ Expanded(
+ child: Container(
+ width: double.infinity,
+ decoration: BoxDecoration(
+ color: const Color(0xFF0F172A),
+ borderRadius: BorderRadius.circular(16)),
+ child: Stack(
+ children: [
+ if (_camera != null && _camera!.value.isInitialized)
+ Positioned.fill(child: CameraPreview(_camera!))
+ else
+ const Center(
+ child: Icon(Icons.videocam_outlined,
+ color: Colors.white30, size: 96)),
+ Positioned(
+ top: 16,
+ left: 16,
+ child: _Pill(
+ text: _active ? 'AI ACTIVE' : 'STANDBY',
+ color: _active ? Colors.green : Colors.orange)),
+ if (_lastDetection != null)
+ Positioned(
+ top: 64,
+ left: 16,
+ child: _Pill(
+ text:
+ '${_lastDetection!.label} ${_lastDetection!.directionName}',
+ color: Colors.redAccent),
+ ),
+ Positioned(
+ left: 16,
+ right: 16,
+ bottom: 16,
+ child: Text(_status,
+ style: const TextStyle(
+ color: Colors.white,
+ fontSize: 18,
+ fontWeight: FontWeight.w700))),
+ ],
+ ),
+ ),
+ ),
+ const SizedBox(height: 14),
+ Row(
+ children: [
+ Expanded(
+ child: FilledButton.icon(
+ onPressed: _toggle,
+ icon: Icon(_active ? Icons.stop : Icons.play_arrow),
+ label: Text(_active ? 'Stop' : 'Start'))),
+ const SizedBox(width: 10),
+ Expanded(
+ child: OutlinedButton.icon(
+ onPressed: _simulateObstacle,
+ icon: const Icon(Icons.radar),
+ label: const Text('Demo Detect'))),
+ ],
+ ),
+ ],
+ ),
+ );
+ }
+}
+
+class SosScreen extends StatelessWidget {
+ const SosScreen({super.key});
+
+ Future _sendSos() async {
+ Position? pos;
+ try {
+ await Geolocator.requestPermission();
+ pos = await Geolocator.getCurrentPosition();
+ } catch (_) {}
+ await _api.post('/user/sos', data: {
+ 'triggerType': 'MANUAL',
+ 'lat': pos?.latitude,
+ 'lng': pos?.longitude,
+ });
+ await sl().sosTriggered();
+ sl().speak('SOS terkirim ke Guardian.');
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'SOS',
+ subtitle: 'Emergency alert with location',
+ child: Center(
+ child: SizedBox.square(
+ dimension: 220,
+ child: FilledButton(
+ style: FilledButton.styleFrom(
+ shape: const CircleBorder(),
+ backgroundColor: const Color(0xFFDC2626)),
+ onPressed: _sendSos,
+ child: const Text('SOS',
+ style: TextStyle(fontSize: 42, fontWeight: FontWeight.w900)),
+ ),
+ ),
+ ),
+ );
+ }
+}
+
+class ActivityLogScreen extends StatelessWidget {
+ const ActivityLogScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'Activity Logs', endpoint: '/user/activity-logs');
+}
+
+class NotificationScreen extends StatelessWidget {
+ const NotificationScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'Notifications', endpoint: '/user/notifications');
+}
+
+class NavigationModeScreen extends StatelessWidget {
+ const NavigationModeScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _MapScreen(
+ title: 'Navigation',
+ subtitle: 'Current position and OSM map',
+ );
+}
+
+class UserSettingsScreen extends StatefulWidget {
+ const UserSettingsScreen({super.key});
+
+ @override
+ State createState() => _UserSettingsScreenState();
+}
+
+class _UserSettingsScreenState extends State {
+ bool _haptic = true;
+ String _language = 'id-ID';
+
+ Future _save() async {
+ await sl().setLanguage(_language);
+ _snack(context, 'Settings tersimpan di perangkat.');
+ try {
+ await _api.put('/user/settings', data: {
+ 'ttsLanguage': _language,
+ 'hapticEnabled': _haptic,
+ 'ttsPitch': 1.0,
+ 'ttsSpeed': 0.9,
+ 'warnNoGuardian': true,
+ }).timeout(const Duration(seconds: 8));
+ } catch (e) {
+ _snack(context,
+ 'Server belum menerima settings, tapi pilihan lokal sudah dipakai.');
+ }
+ }
+
+ Future _logout() async {
+ await sl().clearAll();
+ context.read().clearSession();
+ unawaited(_ignoreFailure(
+ _api.post('/auth/logout').timeout(const Duration(seconds: 3))));
+ if (mounted) context.go('/login');
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'Settings',
+ subtitle: 'TTS, haptic, account, and server',
+ child: ListView(
+ children: [
+ DropdownButtonFormField(
+ value: _language,
+ decoration: const InputDecoration(labelText: 'TTS language'),
+ items: const [
+ DropdownMenuItem(value: 'id-ID', child: Text('Bahasa Indonesia')),
+ DropdownMenuItem(value: 'en-US', child: Text('English')),
+ ],
+ onChanged: (value) =>
+ setState(() => _language = value ?? _language),
+ ),
+ const SizedBox(height: 12),
+ SwitchListTile(
+ value: _haptic,
+ onChanged: (value) => setState(() => _haptic = value),
+ title: const Text('Haptic obstacle alert'),
+ ),
+ const SizedBox(height: 12),
+ FilledButton.icon(
+ onPressed: _save,
+ icon: const Icon(Icons.save),
+ label: const Text('Save settings')),
+ const SizedBox(height: 8),
+ OutlinedButton.icon(
+ onPressed: () async {
+ await AppConstants.clearServerUrl();
+ if (context.mounted) context.go('/server-connect');
+ },
+ icon: const Icon(Icons.dns_outlined),
+ label: const Text('Change server'),
+ ),
+ OutlinedButton.icon(
+ onPressed: _logout,
+ icon: const Icon(Icons.logout),
+ label: const Text('Logout')),
+ ],
+ ),
+ );
+ }
+}
+
+class GuardianSettingsScreen extends StatelessWidget {
+ const GuardianSettingsScreen({super.key});
+
+ Future _logout(BuildContext context) async {
+ await sl().clearAll();
+ context.read().clearSession();
+ unawaited(_ignoreFailure(
+ _api.post('/auth/logout').timeout(const Duration(seconds: 3))));
+ if (context.mounted) context.go('/login');
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'Guardian Settings',
+ subtitle: 'Account, server, pairing, and tools',
+ child: ListView(
+ children: [
+ ListTile(
+ leading: const Icon(Icons.link),
+ title: const Text('Pair User'),
+ subtitle:
+ const Text('Masukkan Unique ID User atau cek status pairing.'),
+ trailing: const Icon(Icons.chevron_right),
+ onTap: () => context.go('/guardian/pairing'),
+ ),
+ ListTile(
+ leading: const Icon(Icons.speed),
+ title: const Text('AI Benchmark'),
+ subtitle: const Text(
+ 'Catat waktu capture, model, notification text, dan TTS.'),
+ trailing: const Icon(Icons.chevron_right),
+ onTap: () => context.go('/guardian/benchmark'),
+ ),
+ ListTile(
+ leading: const Icon(Icons.tune),
+ title: const Text('AI Config'),
+ subtitle: const Text(
+ 'Buka konfigurasi AI untuk User yang sudah pairing.'),
+ trailing: const Icon(Icons.chevron_right),
+ onTap: () => context.go('/guardian/ai-config'),
+ ),
+ const Divider(height: 28),
+ OutlinedButton.icon(
+ onPressed: () async {
+ await AppConstants.clearServerUrl();
+ await sl().clearAll();
+ if (context.mounted) context.go('/server-connect');
+ },
+ icon: const Icon(Icons.dns_outlined),
+ label: const Text('Change server'),
+ ),
+ const SizedBox(height: 8),
+ FilledButton.icon(
+ style: FilledButton.styleFrom(
+ backgroundColor: const Color(0xFFDC2626)),
+ onPressed: () => _logout(context),
+ icon: const Icon(Icons.logout),
+ label: const Text('Logout'),
+ ),
+ ],
+ ),
+ );
+ }
+}
+
+class UserPairingScreen extends StatefulWidget {
+ const UserPairingScreen({super.key});
+
+ @override
+ State createState() => _UserPairingScreenState();
+}
+
+class _UserPairingScreenState extends State {
+ String? _uniqueId;
+
+ @override
+ void initState() {
+ super.initState();
+ _loadUniqueId();
+ }
+
+ Future _loadUniqueId() async {
+ var value = await sl().getUniqueUserId();
+ if (value == null || value.isEmpty) {
+ try {
+ final res =
+ await _api.get('/user/profile').timeout(const Duration(seconds: 5));
+ final data = res.data['data'];
+ if (data is Map) value = data['uniqueUserId']?.toString();
+ } catch (_) {}
+ }
+ if (mounted) setState(() => _uniqueId = value);
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'Pairing',
+ subtitle: 'Bagikan Unique ID ini ke Guardian untuk terhubung.',
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: [
+ if (_uniqueId == null || _uniqueId!.isEmpty)
+ const _InfoCard(
+ title: 'Your Unique ID',
+ value: 'Login sebagai User untuk melihat ID',
+ icon: Icons.qr_code_2)
+ else
+ _InfoCard(
+ title: 'Your Unique ID',
+ value: _uniqueId!,
+ icon: Icons.qr_code_2),
+ const SizedBox(height: 16),
+ const _PairingStatusCard(allowUserResponse: true),
+ ],
+ ),
+ );
+ }
+}
+
+class CallScreen extends StatelessWidget {
+ const CallScreen({super.key});
+ @override
+ Widget build(BuildContext context) =>
+ const _CallPanel(title: 'Call Guardian', channelName: 'walkguide-call');
+}
+
+class IncomingCallScreen extends StatelessWidget {
+ const IncomingCallScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _PlaceholderScreen(
+ title: 'Incoming Call',
+ icon: Icons.call_received,
+ text: 'Accept or reject incoming guardian calls here.');
+}
+
+class GuardianDashboardScreen extends StatelessWidget {
+ const GuardianDashboardScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'Guardian Dashboard', endpoint: '/guardian/dashboard');
+}
+
+class GuardianMapScreen extends StatelessWidget {
+ const GuardianMapScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _GuardianMapHistoryScreen();
+}
+
+class GuardianActivityLogScreen extends StatelessWidget {
+ const GuardianActivityLogScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'User Logs', endpoint: '/guardian/activity-logs');
+}
+
+class GuardianSendNotifScreen extends StatefulWidget {
+ const GuardianSendNotifScreen({super.key});
+
+ @override
+ State createState() =>
+ _GuardianSendNotifScreenState();
+}
+
+class _GuardianSendNotifScreenState extends State {
+ final _message = TextEditingController();
+ bool _loading = false;
+
+ Future _send() async {
+ setState(() => _loading = true);
+ try {
+ await _api.post('/guardian/notifications/send',
+ data: {'notifType': 'TEXT', 'content': _message.text.trim()});
+ _message.clear();
+ _snack(context, 'Notifikasi terkirim');
+ } on DioException catch (e) {
+ _snack(context, e.response?.data['message'] ?? 'Gagal mengirim');
+ } finally {
+ if (mounted) setState(() => _loading = false);
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'Send Notification',
+ subtitle: 'Text message to paired User',
+ child: Column(
+ children: [
+ TextField(
+ controller: _message,
+ minLines: 4,
+ maxLines: 6,
+ decoration: const InputDecoration(labelText: 'Message')),
+ const SizedBox(height: 12),
+ SizedBox(
+ width: double.infinity,
+ child: FilledButton.icon(
+ onPressed: _loading ? null : _send,
+ icon: const Icon(Icons.send),
+ label: const Text('Send'))),
+ ],
+ ),
+ );
+ }
+}
+
+class GuardianAiConfigScreen extends StatelessWidget {
+ const GuardianAiConfigScreen({super.key});
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'AI Config',
+ subtitle: '/guardian/ai-config',
+ actions: [
+ IconButton(
+ onPressed: () => context.go('/guardian/benchmark'),
+ icon: const Icon(Icons.speed))
+ ],
+ child: const _EndpointList(endpoint: '/guardian/ai-config'),
+ );
+ }
+}
+
+class GuardianVoiceCmdScreen extends StatelessWidget {
+ const GuardianVoiceCmdScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'Voice Commands', endpoint: '/guardian/voice-commands');
+}
+
+class GuardianShortcutScreen extends StatelessWidget {
+ const GuardianShortcutScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointListScreen(
+ title: 'Hardware Shortcuts', endpoint: '/guardian/shortcuts');
+}
+
+class GuardianGeofenceScreen extends StatelessWidget {
+ const GuardianGeofenceScreen({super.key});
+ @override
+ Widget build(BuildContext context) => const _EndpointActionScreen(
+ title: 'Geofence', endpoint: '/guardian/geofence');
+}
+
+class GuardianPairingScreen extends StatefulWidget {
+ const GuardianPairingScreen({super.key});
+
+ @override
+ State createState() => _GuardianPairingScreenState();
+}
+
+class _GuardianPairingScreenState extends State {
+ final _id = TextEditingController();
+ bool _loading = false;
+ int _statusReload = 0;
+
+ Future _invite() async {
+ final uniqueId = _id.text.trim().toUpperCase();
+ if (uniqueId.isEmpty || uniqueId.length != 12) {
+ _snack(context, 'Unique ID harus 12 karakter dari akun User.');
+ return;
+ }
+ setState(() => _loading = true);
+ try {
+ final res = await _api.post('/shared/pairing/invite',
+ data: {'uniqueUserId': uniqueId}).timeout(const Duration(seconds: 8));
+ _snack(
+ context,
+ res.data['message']?.toString() ??
+ 'Invite terkirim. Minta User buka menu Pairing lalu Accept.');
+ setState(() => _statusReload++);
+ } on DioException catch (e) {
+ _snack(
+ context,
+ _friendlyDioMessage(e,
+ fallback:
+ 'Invite gagal. Pastikan kamu login sebagai Guardian dan ID User benar.'));
+ } on TimeoutException {
+ _snack(context,
+ 'Server terlalu lama merespons invite. Coba Refresh status, jangan klik berkali-kali.');
+ } catch (e) {
+ _snack(context, 'Invite gagal: $e');
+ } finally {
+ if (mounted) setState(() => _loading = false);
+ }
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ return _Page(
+ title: 'Pair User',
+ subtitle: 'Masukkan 12 karakter Unique ID milik User.',
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: [
+ TextField(
+ controller: _id,
+ textCapitalization: TextCapitalization.characters,
+ maxLength: 12,
+ decoration: const InputDecoration(labelText: 'Unique User ID')),
+ FilledButton.icon(
+ onPressed: _loading ? null : _invite,
+ icon: _loading
+ ? const SizedBox(
+ width: 18,
+ height: 18,
+ child: CircularProgressIndicator(strokeWidth: 2))
+ : const Icon(Icons.link),
+ label: Text(_loading ? 'Sending...' : 'Send Invite'),
+ ),
+ const SizedBox(height: 20),
+ _PairingStatusCard(key: ValueKey(_statusReload)),
+ ],
+ ),
+ );
+ }
+}
+
+class _GuardianMapHistoryScreen extends StatelessWidget {
+ const _GuardianMapHistoryScreen();
+
+ @override
+ Widget build(BuildContext context) {
+ return const _Page(
+ title: 'Live Map',
+ subtitle: 'Paired User location and timeline',
+ child: Column(
+ children: [
+ Expanded(
+ flex: 3,
+ child: _MapScreenBody(guardianEndpoint: '/guardian/user-location'),
+ ),
+ SizedBox(height: 12),
+ Expanded(flex: 2, child: _LocationTimeline()),
+ ],
+ ),
+ );
+ }
+}
+
+class _LocationTimeline extends StatefulWidget {
+ const _LocationTimeline();
+
+ @override
+ State<_LocationTimeline> createState() => _LocationTimelineState();
+}
+
+class _LocationTimelineState extends State<_LocationTimeline> {
+ bool _loading = true;
+ String? _error;
+ List> _items = const [];
+
+ @override
+ void initState() {
+ super.initState();
+ _load();
+ }
+
+ Future _load() async {
+ setState(() {
+ _loading = true;
+ _error = null;
+ });
+ try {
+ final paired = await _hasActivePairing();
+ if (!paired) {
+ _items = const [];
+ _error =
+ 'Belum pairing. Timeline lokasi akan muncul setelah Guardian terhubung dengan User.';
+ return;
+ }
+ final res = await _api.get('/guardian/location-history',
+ queryParameters: {'size': 80}).timeout(const Duration(seconds: 8));
+ final data = res.data['data'];
+ final content = data is Map ? data['content'] : null;
+ _items = content is List
+ ? content
+ .whereType