Add privacy control next to save button with visual feedback

- Create PrivacySaveFab component combining privacy toggle and save button
- Replace AppBar save button with FAB in note_detail.dart
- Add lock icon next to FAB in both new_note and note_detail pages
- Remove lock icon from bottom action buttons in note_edit.dart
- Add subtle text color for visual feedback: blue for private, green for public
- Disable privacy toggle during save to prevent race conditions

This brings the privacy control closer to the save action and provides
clear visual feedback (icon color, border color, and text color) for
private vs public notes.

Author: davidwei

lib/screens/components/note_edit.dart

@@ -84,8 +84,11 @@ class NoteEditState extends State<NoteEdit> {
           focusNode: noteModel.focusNode,
           keyboardType: TextInputType.multiline,
           maxLines: null,
-          expands: true,
           textAlignVertical: TextAlignVertical.top,
+          expands: true,
+          style: TextStyle(
+            color: noteModel.isPrivate ? Colors.blue.shade300 : Colors.green.shade300,
+          ),
           decoration: InputDecoration(
             hintText: prompt,
             border: OutlineInputBorder(
@@ -119,14 +122,6 @@ class NoteEditState extends State<NoteEdit> {
         Row(
           mainAxisAlignment: MainAxisAlignment.start,
           children: [
-            _buildActionButton(
-              context,
-              noteModel,
-              icon: noteModel.isPrivate ? Icons.lock : Icons.lock_open,
-              color: noteModel.isPrivate ? Colors.blue : Colors.grey,
-              onTap: () => noteModel.togglePrivate(),
-              isSmallScreen: isSmallScreen,
-            ),
             _buildActionButton(
               context,
               noteModel,

lib/screens/components/privacy_save_fab.dart

@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../models/note_model.dart';
+import 'shared_fab.dart';
+
+/// Privacy toggle + Save FAB combination widget
+class PrivacySaveFab extends StatelessWidget {
+  final bool isSaving;
+  final VoidCallback? onSave;
+  final bool mini;
+  final String? heroTag;
+
+  const PrivacySaveFab({
+    Key? key,
+    required this.isSaving,
+    this.onSave,
+    this.mini = false,
+    this.heroTag,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<NoteModel>(
+      builder: (context, noteModel, child) {
+        return Opacity(
+          opacity: 0.85,
+          child: Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            Padding(
+              padding: const EdgeInsets.only(right: 12.0),
+              child: IconButton(
+                icon: Icon(
+                  noteModel.isPrivate ? Icons.lock : Icons.lock_open,
+                  color: noteModel.isPrivate ? Colors.blue : Colors.grey,
+                ),
+                onPressed: isSaving ? null : () {
+                  noteModel.togglePrivate();
+                },
+                tooltip: noteModel.isPrivate ? 'Private' : 'Public',
+              ),
+            ),
+            SharedFab(
+              icon: isSaving ? Icons.hourglass_top : Icons.save,
+              isPrivate: noteModel.isPrivate,
+              busy: isSaving,
+              mini: mini,
+              onPressed: isSaving ? null : onSave,
+              heroTag: heroTag,
+            ),
+          ],
+          ),
+        );
+      },
+    );
+  }
+}

lib/screens/new_note/new_note.dart

@@ -11,7 +11,7 @@ import '../../services/dialog_services.dart';
 import '../../services/draft_service.dart';
 import '../../utils/util.dart';
 import '../components/note_edit.dart';
-import 'package:happy_notes/screens/components/shared_fab.dart';
+import '../components/privacy_save_fab.dart';
 import '../components/hour_picker_dialog.dart';
 
 class NewNote extends StatefulWidget {
@@ -243,7 +243,7 @@ class NewNoteState extends State<NewNote> {
                     return Text(
                       _getNoteTitle(noteModel),
                       style: TextStyle(
-                        color: noteModel.isPrivate ? Colors.red : Colors.green, // Change colors accordingly
+                        color: noteModel.isPrivate ? Colors.blue : Colors.green, // Change colors accordingly
                       ),
                     );
                   },
@@ -255,20 +255,11 @@ class NewNoteState extends State<NewNote> {
                   onSubmit: _floatingActionButtonOnPressed,
                 ),
               ),
-              floatingActionButton: Opacity(
-                opacity: 0.85,
-                child: Consumer<NoteModel>(
-                  builder: (context, nm, child) {
-                    return SharedFab(
-                      icon: isSaving ? Icons.hourglass_top : Icons.save,
-                      isPrivate: nm.isPrivate,
-                      busy: isSaving,
-                      mini: true,
-                      onPressed: _floatingActionButtonOnPressed,
-                      heroTag: 'new_note_save_fab',
-                    );
-                  },
-                ),
+              floatingActionButton: PrivacySaveFab(
+                isSaving: isSaving,
+                onSave: isSaving ? null : _floatingActionButtonOnPressed,
+                mini: true,
+                heroTag: 'new_note_save_fab',
               ),
             ),
           );

lib/screens/note_detail/note_detail.dart

@@ -9,7 +9,7 @@ import '../account/user_session.dart';
 import '../components/note_view.dart';
 import '../trash_bin/trash_bin_page.dart';
 import '../../providers/notes_provider.dart';
-import '../components/shared_fab.dart';
+import '../components/privacy_save_fab.dart';
 import '../../utils/util.dart';
 import '../../services/seq_logger.dart';
 import '../../services/note_update_coordinator.dart';
@@ -226,6 +226,7 @@ class NoteDetailState extends State<NoteDetail> with RouteAware {
     return true;
   }
 
+
   @override
   Widget build(BuildContext context) {
     if (_isLoading) {
@@ -256,17 +257,12 @@ class NoteDetailState extends State<NoteDetail> with RouteAware {
                     title: Text(
                       '${note?.id} - ${noteModel.isPrivate ? 'Private' : 'Public'}${noteModel.isMarkdown ? ' with M↓' : ''}',
                       style: TextStyle(
-                        color: noteModel.isPrivate ? Colors.red : Colors.green, // Change colors accordingly
+                        color: noteModel.isPrivate ? Colors.blue : Colors.green, // Change colors accordingly
                       ),
                     ),
                     actions: [
                       if (note?.userId == UserSession().id) ...[
-                        if (_isEditing)
-                          IconButton(
-                            icon: _isSaving ? const CircularProgressIndicator() : const Icon(Icons.check),
-                            onPressed: _saveNoteHandler,
-                          )
-                        else
+                        if (!_isEditing)
                           IconButton(
                             icon: const Icon(Icons.edit),
                             onPressed: _enterEditingMode,
@@ -366,6 +362,13 @@ class NoteDetailState extends State<NoteDetail> with RouteAware {
                   ],
                 ),
               ),
+              floatingActionButton: _isEditing
+                  ? PrivacySaveFab(
+                      isSaving: _isSaving,
+                      onSave: _isSaving ? null : _saveNoteHandler,
+                      heroTag: 'note_detail_save_fab',
+                    )
+                  : null,
             ),
           );
         });