fix(mobile): enable editor interaction for new notes

Author: typelets

apps/mobile/v1/src/hooks/useNoteEditor.ts

@@ -101,9 +101,21 @@ export function useNoteEditor(noteId?: string): UseNoteEditorReturn {
           }
           pendingContentRef.current = null;
         }, 200);
+      } else if (!contentSetRef.current && !noteId) {
+        // For new notes (no noteId), show the editor immediately
+        if (__DEV__) {
+          console.log('[New Note] Showing editor for new note...');
+        }
+        setTimeout(() => {
+          editor.webviewRef?.current?.injectJavaScript(`
+            document.body.classList.add('ready');
+            true;
+          `);
+          contentSetRef.current = true;
+        }, 200);
       }
     }, CSS_INJECTION_DELAY);
-  }, [editor, customCSS]);
+  }, [editor, customCSS, noteId]);
 
   const loadNote = useCallback(async () => {
     if (!noteId) return;

apps/mobile/v1/src/screens/EditNote/EditorToolbar.tsx

@@ -38,6 +38,7 @@ export function EditorToolbar({ editor, keyboardHeight, bottomInset, theme }: Ed
         horizontal
         showsHorizontalScrollIndicator={false}
         contentContainerStyle={styles.toolbarButtons}
+        centerContent={true}
       >
         {keyboardHeight > 0 && (
           <>
@@ -157,6 +158,8 @@ const styles = StyleSheet.create({
     borderTopWidth: 0,
     paddingTop: 8,
     paddingHorizontal: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   toolbarButtons: {
     flexDirection: 'row',