feat(category): add autocomplete for category inputs

lib/presentation/pages/restaurant_list/manual_restaurant_input_screen.dart

@@ -3,6 +3,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../../core/constants/app_colors.dart';
 import '../../../core/constants/app_typography.dart';
+import '../../providers/restaurant_provider.dart';
 import '../../view_models/add_restaurant_view_model.dart';
 import 'widgets/add_restaurant_form.dart';
 
@@ -121,6 +122,9 @@ class _ManualRestaurantInputScreenState
   Widget build(BuildContext context) {
     final isDark = Theme.of(context).brightness == Brightness.dark;
     final state = ref.watch(addRestaurantViewModelProvider);
+    final categories = ref
+        .watch(categoriesProvider)
+        .maybeWhen(data: (list) => list, orElse: () => const <String>[]);
 
     return Scaffold(
       appBar: AppBar(
@@ -150,6 +154,7 @@ class _ManualRestaurantInputScreenState
                 latitudeController: _latitudeController,
                 longitudeController: _longitudeController,
                 onFieldChanged: _onFieldChanged,
+                categories: categories,
               ),
               const SizedBox(height: 24),
               Row(

lib/presentation/pages/restaurant_list/widgets/add_restaurant_form.dart

@@ -1,8 +1,9 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import '../../../services/restaurant_form_validator.dart';
 
 /// 식당 추가 폼 위젯
-class AddRestaurantForm extends StatelessWidget {
+class AddRestaurantForm extends StatefulWidget {
   final GlobalKey<FormState> formKey;
   final TextEditingController nameController;
   final TextEditingController categoryController;
@@ -14,6 +15,7 @@ class AddRestaurantForm extends StatelessWidget {
   final TextEditingController latitudeController;
   final TextEditingController longitudeController;
   final Function(String) onFieldChanged;
+  final List<String> categories;
 
   const AddRestaurantForm({
     super.key,
@@ -28,18 +30,48 @@ class AddRestaurantForm extends StatelessWidget {
     required this.latitudeController,
     required this.longitudeController,
     required this.onFieldChanged,
+    this.categories = const <String>[],
   });
 
+  @override
+  State<AddRestaurantForm> createState() => _AddRestaurantFormState();
+}
+
+class _AddRestaurantFormState extends State<AddRestaurantForm> {
+  late final FocusNode _categoryFocusNode;
+  late Set<String> _availableCategories;
+
+  @override
+  void initState() {
+    super.initState();
+    _categoryFocusNode = FocusNode();
+    _availableCategories = {...widget.categories};
+  }
+
+  @override
+  void didUpdateWidget(covariant AddRestaurantForm oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (!setEquals(oldWidget.categories.toSet(), widget.categories.toSet())) {
+      _availableCategories = {..._availableCategories, ...widget.categories};
+    }
+  }
+
+  @override
+  void dispose() {
+    _categoryFocusNode.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Form(
-      key: formKey,
+      key: widget.formKey,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
           // 가게 이름
           TextFormField(
-            controller: nameController,
+            controller: widget.nameController,
             decoration: InputDecoration(
               labelText: '가게 이름 *',
               hintText: '예: 맛있는 한식당',
@@ -48,7 +80,7 @@ class AddRestaurantForm extends StatelessWidget {
                 borderRadius: BorderRadius.circular(8),
               ),
             ),
-            onChanged: onFieldChanged,
+            onChanged: widget.onFieldChanged,
             validator: (value) {
               if (value == null || value.isEmpty) {
                 return '가게 이름을 입력해주세요';
@@ -61,26 +93,11 @@ class AddRestaurantForm extends StatelessWidget {
           // 카테고리
           Row(
             children: [
-              Expanded(
-                child: TextFormField(
-                  controller: categoryController,
-                  decoration: InputDecoration(
-                    labelText: '카테고리 *',
-                    hintText: '예: 한식',
-                    prefixIcon: const Icon(Icons.category),
-                    border: OutlineInputBorder(
-                      borderRadius: BorderRadius.circular(8),
-                    ),
-                  ),
-                  onChanged: onFieldChanged,
-                  validator: (value) =>
-                      RestaurantFormValidator.validateCategory(value),
-                ),
-              ),
+              Expanded(child: _buildCategoryField(context)),
               const SizedBox(width: 8),
               Expanded(
                 child: TextFormField(
-                  controller: subCategoryController,
+                  controller: widget.subCategoryController,
                   decoration: InputDecoration(
                     labelText: '세부 카테고리',
                     hintText: '예: 갈비',
@@ -88,7 +105,7 @@ class AddRestaurantForm extends StatelessWidget {
                       borderRadius: BorderRadius.circular(8),
                     ),
                   ),
-                  onChanged: onFieldChanged,
+                  onChanged: widget.onFieldChanged,
                 ),
               ),
             ],
@@ -97,7 +114,7 @@ class AddRestaurantForm extends StatelessWidget {
 
           // 설명
           TextFormField(
-            controller: descriptionController,
+            controller: widget.descriptionController,
             maxLines: 2,
             decoration: InputDecoration(
               labelText: '설명',
@@ -107,13 +124,13 @@ class AddRestaurantForm extends StatelessWidget {
                 borderRadius: BorderRadius.circular(8),
               ),
             ),
-            onChanged: onFieldChanged,
+            onChanged: widget.onFieldChanged,
           ),
           const SizedBox(height: 16),
 
           // 전화번호
           TextFormField(
-            controller: phoneController,
+            controller: widget.phoneController,
             keyboardType: TextInputType.phone,
             decoration: InputDecoration(
               labelText: '전화번호',
@@ -123,7 +140,7 @@ class AddRestaurantForm extends StatelessWidget {
                 borderRadius: BorderRadius.circular(8),
               ),
             ),
-            onChanged: onFieldChanged,
+            onChanged: widget.onFieldChanged,
             validator: (value) =>
                 RestaurantFormValidator.validatePhoneNumber(value),
           ),
@@ -131,7 +148,7 @@ class AddRestaurantForm extends StatelessWidget {
 
           // 도로명 주소
           TextFormField(
-            controller: roadAddressController,
+            controller: widget.roadAddressController,
             decoration: InputDecoration(
               labelText: '도로명 주소 *',
               hintText: '예: 서울시 중구 세종대로 110',
@@ -140,7 +157,7 @@ class AddRestaurantForm extends StatelessWidget {
                 borderRadius: BorderRadius.circular(8),
               ),
             ),
-            onChanged: onFieldChanged,
+            onChanged: widget.onFieldChanged,
             validator: (value) =>
                 RestaurantFormValidator.validateAddress(value),
           ),
@@ -148,7 +165,7 @@ class AddRestaurantForm extends StatelessWidget {
 
           // 지번 주소
           TextFormField(
-            controller: jibunAddressController,
+            controller: widget.jibunAddressController,
             decoration: InputDecoration(
               labelText: '지번 주소',
               hintText: '예: 서울시 중구 태평로1가 31',
@@ -157,7 +174,7 @@ class AddRestaurantForm extends StatelessWidget {
                 borderRadius: BorderRadius.circular(8),
               ),
             ),
-            onChanged: onFieldChanged,
+            onChanged: widget.onFieldChanged,
           ),
           const SizedBox(height: 16),
 
@@ -166,7 +183,7 @@ class AddRestaurantForm extends StatelessWidget {
             children: [
               Expanded(
                 child: TextFormField(
-                  controller: latitudeController,
+                  controller: widget.latitudeController,
                   keyboardType: const TextInputType.numberWithOptions(
                     decimal: true,
                   ),
@@ -178,7 +195,7 @@ class AddRestaurantForm extends StatelessWidget {
                       borderRadius: BorderRadius.circular(8),
                     ),
                   ),
-                  onChanged: onFieldChanged,
+                  onChanged: widget.onFieldChanged,
                   validator: (value) {
                     if (value != null && value.isNotEmpty) {
                       final latitude = double.tryParse(value);
@@ -193,7 +210,7 @@ class AddRestaurantForm extends StatelessWidget {
               const SizedBox(width: 8),
               Expanded(
                 child: TextFormField(
-                  controller: longitudeController,
+                  controller: widget.longitudeController,
                   keyboardType: const TextInputType.numberWithOptions(
                     decimal: true,
                   ),
@@ -205,7 +222,7 @@ class AddRestaurantForm extends StatelessWidget {
                       borderRadius: BorderRadius.circular(8),
                     ),
                   ),
-                  onChanged: onFieldChanged,
+                  onChanged: widget.onFieldChanged,
                   validator: (value) {
                     if (value != null && value.isNotEmpty) {
                       final longitude = double.tryParse(value);
@@ -233,4 +250,93 @@ class AddRestaurantForm extends StatelessWidget {
       ),
     );
   }
+
+  Widget _buildCategoryField(BuildContext context) {
+    return RawAutocomplete<String>(
+      textEditingController: widget.categoryController,
+      focusNode: _categoryFocusNode,
+      optionsBuilder: (TextEditingValue value) {
+        final query = value.text.trim();
+        if (query.isEmpty) {
+          return _availableCategories;
+        }
+
+        final lowerQuery = query.toLowerCase();
+        final matches = _availableCategories
+            .where((c) => c.toLowerCase().contains(lowerQuery))
+            .toList();
+
+        final hasExactMatch = _availableCategories.any(
+          (c) => c.toLowerCase() == lowerQuery,
+        );
+        if (!hasExactMatch) {
+          matches.insert(0, query);
+        }
+
+        return matches;
+      },
+      displayStringForOption: (option) => option,
+      onSelected: (option) {
+        final normalized = option.trim();
+        widget.categoryController.text = normalized;
+        if (normalized.isNotEmpty) {
+          setState(() {
+            _availableCategories.add(normalized);
+          });
+        }
+        widget.onFieldChanged(normalized);
+      },
+      fieldViewBuilder:
+          (context, textEditingController, focusNode, onFieldSubmitted) {
+            return TextFormField(
+              controller: textEditingController,
+              focusNode: focusNode,
+              decoration: InputDecoration(
+                labelText: '카테고리 *',
+                hintText: '예: 한식',
+                prefixIcon: const Icon(Icons.category),
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                suffixIcon: const Icon(Icons.arrow_drop_down),
+              ),
+              onChanged: widget.onFieldChanged,
+              onFieldSubmitted: (_) => onFieldSubmitted(),
+              validator: (value) =>
+                  RestaurantFormValidator.validateCategory(value),
+            );
+          },
+      optionsViewBuilder: (context, onSelected, options) {
+        return Align(
+          alignment: Alignment.topLeft,
+          child: Material(
+            elevation: 4,
+            borderRadius: BorderRadius.circular(8),
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxHeight: 220, minWidth: 200),
+              child: ListView.builder(
+                padding: EdgeInsets.zero,
+                shrinkWrap: true,
+                itemCount: options.length,
+                itemBuilder: (context, index) {
+                  final option = options.elementAt(index);
+                  final isNewEntry = !_availableCategories.contains(option);
+                  return ListTile(
+                    dense: true,
+                    title: Text(
+                      isNewEntry ? '새 카테고리 추가: $option' : option,
+                      style: TextStyle(
+                        fontWeight: isNewEntry ? FontWeight.w600 : null,
+                      ),
+                    ),
+                    onTap: () => onSelected(option),
+                  );
+                },
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
 }

lib/presentation/pages/restaurant_list/widgets/edit_restaurant_dialog.dart

@@ -163,6 +163,9 @@ class _EditRestaurantDialogState extends ConsumerState<EditRestaurantDialog> {
   @override
   Widget build(BuildContext context) {
     final isDark = Theme.of(context).brightness == Brightness.dark;
+    final categories = ref
+        .watch(categoriesProvider)
+        .maybeWhen(data: (list) => list, orElse: () => const <String>[]);
 
     return Dialog(
       backgroundColor: isDark ? AppColors.darkSurface : AppColors.lightSurface,
@@ -193,6 +196,7 @@ class _EditRestaurantDialogState extends ConsumerState<EditRestaurantDialog> {
                 latitudeController: _latitudeController,
                 longitudeController: _longitudeController,
                 onFieldChanged: _onFieldChanged,
+                categories: categories,
               ),
               const SizedBox(height: 24),
               Row(