✨feat: enable native bounce effect for Android WebView while preserving pull-to-refresh

- Add enableWebViewBounceEffect() method to MainActivity.kt to enable OVER_SCROLL_ALWAYS
- Modify ScrollArea component to allow native bounce for small pulls (<80px)
- Only prevent default behavior for intentional pull-to-refresh gestures
- Maintain pull-to-refresh functionality with smart threshold detection

Author: blinko-space

app/src-tauri/gen/android/app/src/main/java/com/blinko/app/MainActivity.kt

@@ -19,6 +19,7 @@ class MainActivity : TauriActivity() {
         // Apply saved theme before super.onCreate to prevent flash
         blinko.applyStartupTheme(this)
         super.onCreate(savedInstanceState)
+        enableWebViewBounceEffect()
         handleShortcutIntent()
         handleShareIntent()
     }
@@ -33,6 +34,20 @@ class MainActivity : TauriActivity() {
         handleShareIntent()
     }
 
+    private fun enableWebViewBounceEffect() {
+        // Use a small delay to ensure WebView is initialized
+        window.decorView.postDelayed({
+            try {
+                findWebView(window.decorView)?.let { webView ->
+                    // Enable bounce/overscroll effect
+                    webView.overScrollMode = View.OVER_SCROLL_ALWAYS
+                    Log.i("BlinkoApp", "WebView bounce effect enabled")
+                }
+            } catch (e: Exception) {
+                Log.e("BlinkoApp", "Failed to enable WebView bounce effect: ${e.message}")
+            }
+        }, 500L) // Short delay to ensure WebView is ready
+    }
 
     private fun handleShortcutIntent() {
         if (hasInjectedShortcut) return

app/src/components/BlinkoSettings/AboutSetting.tsx

@@ -156,23 +156,6 @@ export const AboutSetting = observer(() => {
         </div>
       </div>
 
-      {/* Version info explanation */}
-      {isInTauri() && (
-        <div className="mb-6 p-4 bg-secondbackground  rounded-lg">
-          <div className="flex items-start gap-3">
-            <Icon icon="mdi:information" className="text-blue-600 mt-0.5" width="20" height="20" />
-            <div className="flex-1">
-              <h4 className="font-medium text-blue-800 mb-1">
-                {t('version-info-title')}
-              </h4>
-              <p className="text-sm text-blue-700">
-                {t('version-info-description')}
-              </p>
-            </div>
-          </div>
-        </div>
-      )}
-
       <div className="space-y-4">
         <h3 className="font-medium text-gray-500 mb-2">{t('community')}</h3>
         <Item
@@ -227,7 +210,7 @@ export const AboutSetting = observer(() => {
               color="warning"
               variant="flat"
               startContent={<Icon icon="mdi:cached" width="16" />}
-              onClick={clearBrowserCache}
+              onPress={clearBrowserCache}
             >
               {t('clear-cache')}
             </Button>

app/src/components/Common/ScrollArea/index.tsx

@@ -81,8 +81,8 @@ export const ScrollArea = observer(forwardRef<ScrollAreaHandles, IProps>(({
       return;
     }
 
-    // Check if at top position
-    if (scrollElement.scrollTop > 0) return;
+    // Check if at top position - allow small tolerance for bounce effect
+    if (scrollElement.scrollTop > 5) return;
 
     const clientY = e instanceof TouchEvent ? e.touches[0].clientY : e.clientY;
     startYRef.current = clientY;
@@ -109,11 +109,16 @@ export const ScrollArea = observer(forwardRef<ScrollAreaHandles, IProps>(({
     const deltaY = clientY - startYRef.current;
 
     if (deltaY > 0) {
-      // Only prevent default if we're at the top and pulling down
+      // Only prevent default if we're at the top and pulling down WITH SUFFICIENT FORCE
       if (scrollElement.scrollTop === 0) {
-        e.preventDefault();
-        const distance = Math.min(deltaY * 0.5, maxPullDownDistance);
-        setPullDistance(distance);
+        // Only prevent default and trigger refresh UI when pull distance is significant
+        // This allows small bounces to work naturally while still enabling pull-to-refresh
+        if (deltaY > 80) { // Require at least 30px pull before interfering
+          e.preventDefault();
+          const distance = Math.min(deltaY * 0.5, maxPullDownDistance);
+          setPullDistance(distance);
+        }
+        // For smaller pulls, let native bounce effect work
       }
     }
   };
@@ -225,8 +230,7 @@ export const ScrollArea = observer(forwardRef<ScrollAreaHandles, IProps>(({
       {showRefreshIndicator && (
         <div
           className={`flex items-center justify-center transition-all duration-150 ${isDragging ? '' : 'duration-300'
-            } ${isReadyToRefresh ? 'text-primary' : 'text-gray-500'} ${isReadyToRefresh ? 'bg-primary/5' : 'bg-gray-50/80'
-            }`}
+            } ${isReadyToRefresh ? 'text-primary' : 'text-gray-500'} `}
           style={{
             height: `${pullDistance}px`,
             marginTop: `-${pullDistance}px`,