From 1801af02b3481fe7e171023cf1e0594d39531116 Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Sat, 21 Mar 2026 08:25:59 +0200
Subject: [PATCH 1/6] dynamic player size

---
 .../postHtmlRenderer/postHtmlRenderer.tsx     | 19 +++++++-
 .../videoPlayer/videoPlayerView.tsx           | 46 +++++++++++++++----
 2 files changed, 54 insertions(+), 11 deletions(-)

diff --git a/src/components/postHtmlRenderer/postHtmlRenderer.tsx b/src/components/postHtmlRenderer/postHtmlRenderer.tsx
index 8b9e52069f..4771c85288 100644
--- a/src/components/postHtmlRenderer/postHtmlRenderer.tsx
+++ b/src/components/postHtmlRenderer/postHtmlRenderer.tsx
@@ -440,6 +440,15 @@ export const PostHtmlRenderer = memo(
       [_minTableColWidth, contentWidth],
     );
 
+    // Extract thumbnail for 3Speak video orientation detection
+    const _speakThumbnail = useMemo(() => {
+      if (metadata?.type === '3speak/video' || metadata?.video?.info?.platform === '3speak') {
+        const images = metadata?.image;
+        return Array.isArray(images) ? images[0] : images;
+      }
+      return undefined;
+    }, [metadata]);
+
     // iframe renderer for rendering iframes in body
     const _iframeRenderer = useCallback(
       function IframeRenderer(props) {
@@ -454,12 +463,18 @@ export const PostHtmlRenderer = memo(
           };
           return <VideoThumb contentWidth={contentWidth} onPress={_onPress} />;
         } else {
+          const isSpeakEmbed = /3speak\.tv/i.test(iframeProps.source.uri || '');
           return (
-            <VideoPlayer mode="uri" uri={iframeProps.source.uri} contentWidth={contentWidth} />
+            <VideoPlayer
+              mode="uri"
+              uri={iframeProps.source.uri}
+              contentWidth={contentWidth}
+              thumbnailUrl={isSpeakEmbed ? _speakThumbnail : undefined}
+            />
           );
         }
       },
-      [isComment, handleVideoPress, contentWidth],
+      [isComment, handleVideoPress, contentWidth, _speakThumbnail],
     );
 
     const tagsStyles = useMemo(
diff --git a/src/components/videoPlayer/videoPlayerView.tsx b/src/components/videoPlayer/videoPlayerView.tsx
index b83b974f15..4720c3d0a6 100644
--- a/src/components/videoPlayer/videoPlayerView.tsx
+++ b/src/components/videoPlayer/videoPlayerView.tsx
@@ -1,5 +1,11 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { View, StyleSheet, ActivityIndicator, useWindowDimensions } from 'react-native';
+import {
+  View,
+  StyleSheet,
+  ActivityIndicator,
+  useWindowDimensions,
+  Image as RNImage,
+} from 'react-native';
 
 import WebView from 'react-native-webview';
 import YoutubeIframe, { InitialPlayerParams } from 'react-native-youtube-iframe';
@@ -17,6 +23,8 @@ interface VideoPlayerProps {
   uri?: string;
   // prop for youtube player
   disableAutoplay?: boolean;
+  // thumbnail URL used to detect portrait video orientation
+  thumbnailUrl?: string;
 }
 
 const VideoPlayer = ({
@@ -26,6 +34,7 @@ const VideoPlayer = ({
   contentWidth,
   mode,
   disableAutoplay,
+  thumbnailUrl,
 }: VideoPlayerProps) => {
   const dim = useWindowDimensions();
   const videoPlayer = useRef(null);
@@ -40,15 +49,33 @@ const VideoPlayer = ({
   const lockedOrientation = useAppSelector((state) => state.ui.lockedOrientation);
 
   const playerWidth = contentWidth || dim.width;
-  const defaultHeight = playerWidth * (9 / 16);
-  const [playerHeight, setPlayerHeight] = useState(defaultHeight);
+  const [playerHeight, setPlayerHeight] = useState(playerWidth * (9 / 16));
   const checkSrcRegex = /(.*?)\.(mp4|webm|ogg)$/gi;
   const isExtensionType = mode === 'uri' ? uri.match(checkSrcRegex) : false;
 
-  // Reset height when URI changes
+  // Reset height when URI changes; detect portrait from thumbnail if available
   useEffect(() => {
     setPlayerHeight(playerWidth * (9 / 16));
-  }, [uri, playerWidth]);
+
+    if (thumbnailUrl) {
+      // Load the thumbnail to detect its aspect ratio
+      RNImage.getSize(
+        thumbnailUrl,
+        (w: number, h: number) => {
+          if (w > 0 && h > 0) {
+            const ratio = h / w;
+            if (ratio > 1.05) {
+              // Portrait or square — update player height
+              setPlayerHeight(playerWidth * ratio);
+            }
+          }
+        },
+        () => {
+          // Ignore thumbnail load errors
+        },
+      );
+    }
+  }, [uri, playerWidth, thumbnailUrl]);
 
   useEffect(() => {
     if (isFullScreen) {
@@ -210,15 +237,16 @@ const VideoPlayer = ({
     <iframe width="100%" height="100%" src="${_uri}" allowfullscreen></iframe>
   </div>
   <script>
+    // Listen for 3speak-player-ready postMessage for dynamic aspect ratio
     window.addEventListener('message', function(e) {
-      if (e.data && e.data.type === '3speak-player-ready') {
+      if (e.data && e.data.type === '3speak-player-ready' && window.ReactNativeWebView) {
         var msg = { type: 'aspectRatio' };
         if (e.data.isVertical) {
           msg.ratio = 4 / 3;
         } else if (e.data.aspectRatio && Math.abs(e.data.aspectRatio - 1) < 0.1) {
           msg.ratio = 1;
         }
-        if (msg.ratio && window.ReactNativeWebView) {
+        if (msg.ratio) {
           window.ReactNativeWebView.postMessage(JSON.stringify(msg));
         }
       }
@@ -229,9 +257,9 @@ const VideoPlayer = ({
   return (
     <View style={styles.container}>
       {mode === 'youtube' && youtubeVideoId && (
-        <View style={{ width: contentWidth, height: defaultHeight }}>
+        <View style={{ width: contentWidth, height: playerHeight }}>
           <YoutubeIframe
-            height={defaultHeight}
+            height={playerHeight}
             videoId={youtubeVideoId}
             initialPlayerParams={initialParams}
             onReady={_onReady}

From 74cf795e763c6c4ff2a70009d70e363e50c9ba4f Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Mon, 23 Mar 2026 17:13:12 +0200
Subject: [PATCH 2/6] AI boosts and translation

---
 package.json                                  |   2 +-
 .../postView/children/postReadingMetadata.tsx | 118 +++++++++++++++++-
 .../videoPlayer/videoPlayerView.tsx           |  35 +++---
 src/config/locales/en-US.json                 |   4 +-
 .../screen/aiImageGeneratorScreen.tsx         |  60 ++++++++-
 yarn.lock                                     |  54 ++------
 6 files changed, 203 insertions(+), 70 deletions(-)

diff --git a/package.json b/package.json
index 8fc640eb07..13087f4009 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@babel/preset-typescript": "^7.26.0",
     "@babel/runtime": "^7.26.7",
     "@ecency/render-helper": "^2.4.24",
-    "@ecency/sdk": "^2.0.30",
+    "@ecency/sdk": "^2.0.31",
     "@esteemapp/dhive": "0.15.0",
     "@esteemapp/react-native-autocomplete-input": "^4.2.1",
     "@esteemapp/react-native-multi-slider": "^1.1.0",
diff --git a/src/components/postView/children/postReadingMetadata.tsx b/src/components/postView/children/postReadingMetadata.tsx
index f79c5f1cd3..fa45a925fb 100644
--- a/src/components/postView/children/postReadingMetadata.tsx
+++ b/src/components/postView/children/postReadingMetadata.tsx
@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl';
 import { SheetManager } from 'react-native-actions-sheet';
 import { useAiAssist } from '@ecency/sdk';
 import { Icon } from '../../icon';
+import { DropdownButton } from '../../dropdownButton';
 import { TTSControls } from '../../textToSpeech/ttsControls';
 import {
   extractPlainTextForTTS,
@@ -12,7 +13,9 @@ import {
   countWords,
   estimateReadingMinutes,
 } from '../../../utils/textToSpeech';
-import { useAuth } from '../../../hooks';
+import { getTranslation, fetchSupportedLangs } from '../../../providers/translation/translation';
+import { useAuth, useAppSelector } from '../../../hooks';
+import { selectLanguage } from '../../../redux/selectors';
 import { SheetNames } from '../../../navigation/sheets';
 
 interface PostReadingMetadataProps {
@@ -86,6 +89,64 @@ const PostReadingMetadataComponent = ({ post }: PostReadingMetadataProps) => {
     }
   }, [username, plainText, assistMutation, intl]);
 
+  // Translation state
+  const appLang = useAppSelector(selectLanguage);
+  const [showTranslate, setShowTranslate] = useState(false);
+  const [translatedSummary, setTranslatedSummary] = useState('');
+  const [isTranslating, setIsTranslating] = useState(false);
+  const [languages, setLanguages] = useState<{ name: string; code: string }[]>([]);
+  const [targetLang, setTargetLang] = useState<{ name: string; code: string } | null>(null);
+
+  // Load languages when translate is toggled
+  useEffect(() => {
+    if (showTranslate && languages.length === 0) {
+      fetchSupportedLangs()
+        .then((res) => {
+          if (res?.length) {
+            const langs = res.map((item: any) => ({ code: item.code, name: item.name }));
+            setLanguages(langs);
+
+            // Auto-select target language based on app language
+            const appCode = appLang?.split('-')[0];
+            const match = langs.find((l: any) => l.code === appCode);
+            if (!targetLang) {
+              setTargetLang(match || { name: 'English', code: 'en' });
+            }
+          }
+        })
+        .catch(() => {});
+    }
+  }, [showTranslate]);
+
+  // Translate when target language changes
+  useEffect(() => {
+    if (!showTranslate || !summary || !targetLang) return;
+    let cancelled = false;
+    setIsTranslating(true);
+    setTranslatedSummary('');
+    getTranslation(summary, 'auto', targetLang.code)
+      .then((res) => {
+        if (!cancelled && res?.translatedText) {
+          setTranslatedSummary(res.translatedText);
+        }
+      })
+      .catch(() => {})
+      .finally(() => {
+        if (!cancelled) setIsTranslating(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [showTranslate, summary, targetLang]);
+
+  // Reset translation when summary changes
+  useEffect(() => {
+    setShowTranslate(false);
+    setTranslatedSummary('');
+  }, [summary]);
+
+  const langOptions = useMemo(() => languages.map((l) => l.name), [languages]);
+
   // Don't show if post has no readable content or less than 10 words
   if (!hasReadableContent(post) || wordCount < 10) {
     return null;
@@ -162,7 +223,32 @@ const PostReadingMetadataComponent = ({ post }: PostReadingMetadataProps) => {
 
       {!!summary && (
         <View style={styles.summaryBox}>
-          <Text style={styles.summaryText}>{summary}</Text>
+          <Text style={styles.summaryText}>
+            {showTranslate && translatedSummary ? translatedSummary : summary}
+          </Text>
+          {showTranslate && isTranslating && (
+            <ActivityIndicator size="small" style={styles.translateLoader} />
+          )}
+          <View style={styles.translateRow}>
+            <TouchableOpacity onPress={() => setShowTranslate(!showTranslate)}>
+              <Text style={styles.translateLink}>
+                {showTranslate
+                  ? intl.formatMessage({ id: 'ai_assist.hide_translation' })
+                  : intl.formatMessage({ id: 'post_dropdown.translate' })}
+              </Text>
+            </TouchableOpacity>
+            {showTranslate && languages.length > 0 && (
+              <DropdownButton
+                style={styles.langDropdown}
+                defaultText={targetLang?.name || 'English'}
+                isHasChildIcon
+                noHighlight
+                onSelect={(index) => setTargetLang(languages[index])}
+                options={langOptions}
+                textStyle={styles.langDropdownText}
+              />
+            )}
+          </View>
         </View>
       )}
     </View>
@@ -258,6 +344,34 @@ const styles = EStyleSheet.create({
     color: '$primaryBlack',
     lineHeight: 20,
   },
+  translateRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 10,
+    paddingTop: 10,
+    borderTopWidth: 1,
+    borderTopColor: '$iconColor',
+    gap: 12,
+  },
+  translateLink: {
+    fontSize: 13,
+    fontWeight: '600',
+    color: '$primaryBlue',
+  },
+  translateLoader: {
+    marginTop: 8,
+  },
+  langDropdown: {
+    borderWidth: 1,
+    borderColor: '$iconColor',
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+  },
+  langDropdownText: {
+    fontSize: 12,
+    color: '$primaryBlack',
+  },
 });
 
 // Memoize to prevent unnecessary re-renders that could cause infinite loops in FlashList
diff --git a/src/components/videoPlayer/videoPlayerView.tsx b/src/components/videoPlayer/videoPlayerView.tsx
index 4720c3d0a6..cba36c648a 100644
--- a/src/components/videoPlayer/videoPlayerView.tsx
+++ b/src/components/videoPlayer/videoPlayerView.tsx
@@ -58,15 +58,17 @@ const VideoPlayer = ({
     setPlayerHeight(playerWidth * (9 / 16));
 
     if (thumbnailUrl) {
-      // Load the thumbnail to detect its aspect ratio
+      // Load the thumbnail to detect portrait/square orientation
       RNImage.getSize(
         thumbnailUrl,
         (w: number, h: number) => {
           if (w > 0 && h > 0) {
             const ratio = h / w;
             if (ratio > 1.05) {
-              // Portrait or square — update player height
-              setPlayerHeight(playerWidth * ratio);
+              // Portrait video — use 3:4 container (matching website)
+              // Cap at 4/3 so the embed player controls remain accessible
+              const cappedRatio = Math.min(ratio, 4 / 3);
+              setPlayerHeight(playerWidth * cappedRatio);
             }
           }
         },
@@ -216,28 +218,29 @@ const VideoPlayer = ({
     );
   };
 
-  const htmlIframeVideoPlayer = (_uri) =>
+  const htmlIframeVideoPlayer = (_uri: string) =>
     `<!DOCTYPE html>
 <html>
 <head>
-  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0" />
   <style>
     * { padding: 0; margin: 0; box-sizing: border-box; }
-    html, body { width: 100%; height: 100%; overflow: hidden; background: #000; }
-    #iframeWrapper {
-      position: absolute;
-      top: 0; left: 0; right: 0; bottom: 0;
+    html, body { width: 100%; height: 100%; background: #000; }
+    iframe {
+      border: 0;
+      width: 100%;
       height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
     }
-    iframe { border: 0; }
   </style>
 </head>
 <body>
-  <div id="iframeWrapper">
-    <iframe width="100%" height="100%" src="${_uri}" allowfullscreen></iframe>
-  </div>
+  <iframe src="${_uri}"
+    allow="autoplay; accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
+    allowfullscreen></iframe>
   <script>
-    // Listen for 3speak-player-ready postMessage for dynamic aspect ratio
     window.addEventListener('message', function(e) {
       if (e.data && e.data.type === '3speak-player-ready' && window.ReactNativeWebView) {
         var msg = { type: 'aspectRatio' };
@@ -311,7 +314,9 @@ const VideoPlayer = ({
                 try {
                   const msg = JSON.parse(event.nativeEvent.data);
                   if (msg.type === 'aspectRatio' && msg.ratio) {
-                    setPlayerHeight(playerWidth * msg.ratio);
+                    // Cap at 4/3 to keep player controls accessible
+                    const cappedRatio = Math.min(msg.ratio, 4 / 3);
+                    setPlayerHeight(playerWidth * cappedRatio);
                   }
                 } catch {
                   // ignore non-JSON messages
diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json
index 6baa51d299..3a5727787d 100644
--- a/src/config/locales/en-US.json
+++ b/src/config/locales/en-US.json
@@ -601,7 +601,8 @@
     "error_insufficient_points": "Insufficient points. You need {required} but have {available}.",
     "error_content_policy": "Content violates our content policy. Please modify your text.",
     "error_rate_limit": "Too many requests. Please wait a moment and try again.",
-    "error_generic": "Something went wrong. Please try again."
+    "error_generic": "Something went wrong. Please try again.",
+    "hide_translation": "Hide translation"
   },
   "welcome": {
     "line1_body": "Uncensored, immutable, rewarding, decentralized, that you own.", 
@@ -1207,6 +1208,7 @@
     "prompt_placeholder": "A beautiful sunset over mountains...",
     "chars_remaining": "{count} characters remaining",
     "select_aspect_ratio": "Select aspect ratio",
+    "select_power": "Quality boost",
     "cost_label": "Cost",
     "balance_label": "Balance",
     "points_unit": "POINTS",
diff --git a/src/screens/aiImageGenerator/screen/aiImageGeneratorScreen.tsx b/src/screens/aiImageGenerator/screen/aiImageGeneratorScreen.tsx
index 63194c537f..58f3ec816b 100644
--- a/src/screens/aiImageGenerator/screen/aiImageGeneratorScreen.tsx
+++ b/src/screens/aiImageGenerator/screen/aiImageGeneratorScreen.tsx
@@ -26,6 +26,13 @@ const ASPECT_RATIOS = ['1:1', '16:9', '9:16', '4:3', '3:4', '3:2', '2:3'];
 const DEFAULT_RATIO = '4:3';
 const MAX_PROMPT_LENGTH = 1000;
 
+const POWER_LABELS: Record<number, string> = {
+  1: '1x',
+  2: '2x',
+  4: '4x',
+  6: '6x',
+};
+
 interface AiImageGeneratorParams {
   onInsert?: (url: string) => void;
   suggestedPrompt?: string;
@@ -41,6 +48,7 @@ const AiImageGeneratorScreen = () => {
 
   const [prompt, setPrompt] = useState('');
   const [aspectRatio, setAspectRatio] = useState(DEFAULT_RATIO);
+  const [selectedPower, setSelectedPower] = useState(1);
   const [generatedUrl, setGeneratedUrl] = useState<string | null>(null);
 
   const generateMutation = useGenerateImageMutation();
@@ -55,6 +63,9 @@ const AiImageGeneratorScreen = () => {
     enabled: !!username,
   });
 
+  const prices = priceQuery.data?.prices;
+  const powerTiers = priceQuery.data?.power;
+
   const balance = useMemo(() => {
     if (!pointsQuery.data?.points) return 0;
     const normalized = String(pointsQuery.data.points).replace(/,/g, '');
@@ -62,11 +73,19 @@ const AiImageGeneratorScreen = () => {
     return Number.isNaN(value) ? 0 : value;
   }, [pointsQuery.data]);
 
-  const cost = useMemo(() => {
-    if (!priceQuery.data || !Array.isArray(priceQuery.data)) return 150;
-    const match = priceQuery.data.find((p) => p.aspect_ratio === aspectRatio);
-    return match?.cost ?? priceQuery.data[0]?.cost ?? 150;
-  }, [priceQuery.data, aspectRatio]);
+  const baseCost = useMemo(() => {
+    if (!prices || prices.length === 0) return 150;
+    const match = prices.find((p) => p.aspect_ratio === aspectRatio);
+    return match?.cost ?? prices[0]?.cost ?? 150;
+  }, [prices, aspectRatio]);
+
+  const powerMultiplier = useMemo(() => {
+    if (!powerTiers) return 1;
+    const tier = powerTiers.find((t) => t.power === selectedPower);
+    return tier?.multiplier ?? 1;
+  }, [powerTiers, selectedPower]);
+
+  const cost = baseCost * powerMultiplier;
 
   const canGenerate = prompt.trim().length > 0 && balance >= cost && !generateMutation.isPending;
 
@@ -80,6 +99,7 @@ const AiImageGeneratorScreen = () => {
       const result = await generateMutation.mutateAsync({
         prompt: prompt.trim(),
         aspect_ratio: aspectRatio,
+        power: selectedPower,
       });
       setGeneratedUrl(result.url);
       // Refresh balance
@@ -207,6 +227,35 @@ const AiImageGeneratorScreen = () => {
     </View>
   );
 
+  const _renderPowerSelector = () => {
+    if (!powerTiers || powerTiers.length <= 1) return null;
+
+    return (
+      <View>
+        <Text style={styles.sectionLabel}>
+          {intl.formatMessage({ id: 'ai_image_generator.select_power' })}
+        </Text>
+        <View style={styles.ratioContainer}>
+          {powerTiers.map((tier) => {
+            const isActive = tier.power === selectedPower;
+            return (
+              <TouchableOpacity
+                key={tier.power}
+                style={[styles.ratioPill, isActive && styles.ratioPillActive]}
+                onPress={() => setSelectedPower(tier.power)}
+                disabled={generateMutation.isPending}
+              >
+                <Text style={[styles.ratioPillText, isActive && styles.ratioPillTextActive]}>
+                  {POWER_LABELS[tier.power] ?? `${tier.power}x`}
+                </Text>
+              </TouchableOpacity>
+            );
+          })}
+        </View>
+      </View>
+    );
+  };
+
   const _renderCostAndBalance = () => (
     <View style={styles.balanceContainer}>
       <Text style={styles.balanceLabel}>
@@ -277,6 +326,7 @@ const AiImageGeneratorScreen = () => {
           <>
             {_renderPromptInput()}
             {_renderAspectRatioSelector()}
+            {_renderPowerSelector()}
 
             {generateMutation.isPending ? (
               _renderLoading()
diff --git a/yarn.lock b/yarn.lock
index bde022d7bb..d7a8ee0b48 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1121,20 +1121,7 @@
     "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3":
-  version "7.28.3"
-  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.3.tgz"
-  integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.3"
-    "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.3"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.2"
-    debug "^4.3.1"
-
-"@babel/traverse@^7.25.3", "@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3", "@babel/traverse@^7.7.0", "@babel/traverse@^7.7.4":
+"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3", "@babel/traverse@^7.25.3", "@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3", "@babel/traverse@^7.7.0", "@babel/traverse@^7.7.4":
   version "7.28.3"
   resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.3.tgz"
   integrity sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==
@@ -1193,10 +1180,10 @@
     url "^0.11.0"
     xss "^1.0.9"
 
-"@ecency/sdk@^2.0.30":
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/@ecency/sdk/-/sdk-2.0.30.tgz#db329eefdd04ecaa0135376e694b8faa67e35e59"
-  integrity sha512-pNNcki5hxIVDPh86RnYes8qrgEMkIrB69qbdCzPg64++NWtR1zmc10Uao+9UpzKlEl0DjbAq6sXHx7rumXBEFw==
+"@ecency/sdk@^2.0.31":
+  version "2.0.31"
+  resolved "https://registry.yarnpkg.com/@ecency/sdk/-/sdk-2.0.31.tgz#b16d17def78faed52740494d02b116995d07ccf0"
+  integrity sha512-oSuUsNG5+6vkC36m4J3NjJzeR8+f4+UhAttgf1DrJFoRicb4v1eLUw5O4nWzOBz9W78r4VGu3McOzWz+DTFhKA==
 
 "@egjs/hammerjs@^2.0.17":
   version "2.0.17"
@@ -12702,7 +12689,7 @@ string-range@~1.2, string-range@~1.2.1:
   resolved "https://registry.npmjs.org/string-range/-/string-range-1.2.2.tgz"
   integrity sha512-tYft6IFi8SjplJpxCUxyqisD3b+R2CSkomrtJYCkvuf1KuCAWgz7YXt4O0jip7efpfCemwHEzTEAO8EuOYgh3w==
 
-"string-width-cjs@npm:string-width@^4.2.0":
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -12737,15 +12724,6 @@ string-width@^3.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz"
@@ -12860,7 +12838,7 @@ stringify-object@^3.2.2:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -12888,13 +12866,6 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
 strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz"
@@ -13851,7 +13822,7 @@ word-wrap@^1.2.5, word-wrap@~1.2.3:
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz"
   integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -13877,15 +13848,6 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"

From cb0213f4e10b788d55e56036f116189914b3cf91 Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Tue, 24 Mar 2026 14:21:19 +0200
Subject: [PATCH 3/6] Login QR

---
 src/hooks/useLinkProcessor.tsx | 89 ++++++++++++++++++++++++++++++++++
 src/providers/hive/auth.ts     | 78 +++++++++++++++++++++++++++++
 2 files changed, 167 insertions(+)

diff --git a/src/hooks/useLinkProcessor.tsx b/src/hooks/useLinkProcessor.tsx
index 02885b4d88..0c0867495e 100644
--- a/src/hooks/useLinkProcessor.tsx
+++ b/src/hooks/useLinkProcessor.tsx
@@ -21,9 +21,11 @@ import { delay } from '../utils/editor';
 import { SheetNames } from '../navigation/sheets';
 import getWindowDimensions from '../utils/getWindowDimensions';
 import { useAppSelector } from './index';
+import { usePostLoginActions } from './usePostLogin';
 import authType from '../constants/authType';
 import { getUserDataWithUsername } from '../realm/realm';
 import { decryptKey } from '../utils/crypto';
+import { loginWithAuthTransfer } from '../providers/hive/auth';
 import {
   selectCurrentAccount,
   selectPin,
@@ -41,6 +43,7 @@ export const useLinkProcessor = (onClose?: () => void) => {
   const currentAccount = useAppSelector(selectCurrentAccount);
   const otherAccounts = useAppSelector(selectOtherAccounts);
   const pinCode = useAppSelector(selectPin);
+  const { updateAccountsData } = usePostLoginActions();
 
   const _isEcencyLoginDeeplink = (deeplink: string) => {
     try {
@@ -66,6 +69,18 @@ export const useLinkProcessor = (onClose?: () => void) => {
     }
   };
 
+  const _isEcencyAuthTransferDeeplink = (deeplink: string) => {
+    try {
+      const parsedUrl = new URL(deeplink);
+      return (
+        parsedUrl.protocol.toLowerCase() === 'ecency:' &&
+        parsedUrl.hostname.toLowerCase() === 'auth-transfer'
+      );
+    } catch (err) {
+      return false;
+    }
+  };
+
   type EcencyTransferParams = {
     to: string;
     from: string;
@@ -435,7 +450,81 @@ export const useLinkProcessor = (onClose?: () => void) => {
     }
   };
 
+  const _handleEcencyAuthTransferDeeplink = async (deeplink: string) => {
+    try {
+      onClose && onClose();
+
+      const parsedUrl = new URL(deeplink);
+      const params = parsedUrl.searchParams;
+
+      const username = params.get('username');
+      const accessToken = params.get('accessToken');
+      const refreshToken = params.get('refreshToken');
+      const expiresIn = parseInt(params.get('expiresIn') || '86400', 10);
+
+      if (!username || !accessToken || !refreshToken) {
+        _showInvalidAlert();
+        return;
+      }
+
+      // Ask user to confirm before switching account
+      const confirmed = await new Promise<boolean>((resolve) => {
+        Alert.alert(
+          intl.formatMessage({ id: 'alert.confirm' }),
+          intl.formatMessage({ id: 'qr.auth_transfer_confirm' }, { username }),
+          [
+            {
+              text: intl.formatMessage({ id: 'qr.cancel' }),
+              style: 'cancel',
+              onPress: () => resolve(false),
+            },
+            {
+              text: intl.formatMessage({ id: 'qr.approve' }),
+              onPress: () => resolve(true),
+            },
+          ],
+        );
+      });
+
+      if (!confirmed) return;
+
+      const result = await loginWithAuthTransfer(username, accessToken, refreshToken, expiresIn);
+
+      if (result) {
+        updateAccountsData(result);
+
+        if (isPinCodeOpen) {
+          RootNavigation.navigate({
+            name: ROUTES.SCREENS.PINCODE,
+            params: {
+              accessToken: result.accessToken,
+              navigateTo: ROUTES.DRAWER.MAIN,
+            },
+          });
+        } else {
+          RootNavigation.navigate({
+            name: ROUTES.DRAWER.MAIN,
+            params: { accessToken: result.accessToken },
+          });
+        }
+
+        dispatch(toastNotification(intl.formatMessage({ id: 'alert.successful' })));
+      }
+    } catch (error) {
+      console.warn('Failed to handle auth transfer deeplink', error);
+      Alert.alert(
+        intl.formatMessage({ id: 'alert.fail' }),
+        intl.formatMessage({ id: 'alert.unknow_error' }),
+      );
+    }
+  };
+
   const handleLink = (deeplink: string) => {
+    if (_isEcencyAuthTransferDeeplink(deeplink)) {
+      _handleEcencyAuthTransferDeeplink(deeplink);
+      return;
+    }
+
     if (_isEcencyLoginDeeplink(deeplink)) {
       _handleEcencyLoginDeeplink(deeplink);
       return;
diff --git a/src/providers/hive/auth.ts b/src/providers/hive/auth.ts
index b5d9a8502b..44ac17429e 100644
--- a/src/providers/hive/auth.ts
+++ b/src/providers/hive/auth.ts
@@ -261,6 +261,84 @@ export const loginWithSC2 = async (code) => {
   }
 };
 
+/**
+ * Login using tokens transferred from the web app via QR code.
+ * Stores the session as a HiveSigner (steemConnect) auth type.
+ */
+export const loginWithAuthTransfer = async (
+  username: string,
+  accessToken: string,
+  refreshToken: string,
+  expiresIn: number,
+) => {
+  try {
+    const account = await fetchAccount(username);
+    if (!account) {
+      throw new Error('auth.invalid_username');
+    }
+
+    let avatar = '';
+    try {
+      const queryClient = getQueryClient();
+      account.unread_activity_count = await queryClient.fetchQuery(
+        getNotificationsUnreadCountQueryOptions(username, accessToken),
+      );
+      account.pointsSummary = await getPointsSummary(username);
+      account.mutes = await queryClient.fetchQuery(getMutedUsersQueryOptions(username));
+    } catch (err) {
+      console.warn('Optional user data fetch failed during auth transfer', err);
+    }
+
+    const { profile } = account;
+    avatar = profile?.profile_image || account.avatar || '';
+
+    const userData = {
+      username: account.name,
+      avatar,
+      authType: AUTH_TYPE.STEEM_CONNECT,
+      masterKey: '',
+      postingKey: '',
+      activeKey: '',
+      memoKey: '',
+      accessToken: '',
+    };
+
+    const resData = {
+      pinCode: Config.DEFAULT_PIN,
+      accessToken,
+    };
+    const updatedUserData = getUpdatedUserData(userData, resData);
+
+    account.local = updatedUserData;
+    account.local.avatar = avatar;
+
+    await setUserData(account.local);
+    await updateCurrentUsername(account.name);
+
+    const authData = {
+      isLoggedIn: true,
+      currentUsername: account.name,
+    };
+    await setAuthStatus(authData);
+
+    // Store SC tokens for refresh
+    await setSCAccount({
+      username: account.name,
+      access_token: accessToken,
+      refresh_token: refreshToken,
+      expires_in: expiresIn,
+    });
+
+    return {
+      ...account,
+      accessToken,
+    };
+  } catch (err) {
+    Sentry.captureException(err);
+    throw err;
+  }
+};
+
 export const loginWithHiveAuth = async (hsCode, hiveAuthKey, hiveAuthExpiry, hiveAuthToken?) => {
   try {
     const scTokens = await getSCAccessToken(hsCode);

From 38af80180abd7d285983daf00757852bc8afbbb3 Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Tue, 24 Mar 2026 15:13:50 +0200
Subject: [PATCH 4/6] suggestion list

---
 .../transfer/screen/transferScreen.tsx        | 67 ++++++++++++++++++-
 1 file changed, 66 insertions(+), 1 deletion(-)

diff --git a/src/screens/transfer/screen/transferScreen.tsx b/src/screens/transfer/screen/transferScreen.tsx
index e7bb4b0fea..f441820df2 100644
--- a/src/screens/transfer/screen/transferScreen.tsx
+++ b/src/screens/transfer/screen/transferScreen.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
-import { Alert, Text, TouchableOpacity, View } from 'react-native';
+import { Alert, FlatList, Text, TouchableOpacity, View } from 'react-native';
 import { WebView } from 'react-native-webview';
 import { useIntl } from 'react-intl';
 import { get, debounce } from 'lodash';
@@ -100,6 +100,7 @@ const TransferView = ({
   const [startDate, setStartDate] = useState('');
 
   const [isUsernameValid, setIsUsernameValid] = useState(false);
+  const [usersResult, setUsersResult] = useState<string[]>([]);
   const [hsTransfer, setHsTransfer] = useState(false);
   const [isTransfering, setIsTransfering] = useState(false);
 
@@ -142,14 +143,37 @@ const TransferView = ({
     debounce(async (usernames: string[]) => {
       if (usernames.length === 0) {
         setIsUsernameValid(false);
+        setUsersResult([]);
         return;
       }
       if (usernames.length > 5) {
         dispatch(toastNotification(intl.formatMessage({ id: 'transfer.too_many_usernames' })));
         setIsUsernameValid(false);
+        setUsersResult([]);
         return;
       }
 
+      // For single username, fetch suggestions for dropdown
+      if (usernames.length === 1) {
+        try {
+          const users = await getAccountsWithUsername(usernames[0].trim());
+          setUsersResult([...users]);
+          const _isValid = users.includes(usernames[0]);
+          if (_isValid) {
+            _findRecurrentTransferOfUser(usernames[0]);
+          }
+          if (usernames.toString() !== destinationRef.current.toString()) {
+            return;
+          }
+          setIsUsernameValid(_isValid);
+        } catch {
+          setUsersResult([]);
+          setIsUsernameValid(false);
+        }
+        return;
+      }
+
+      // Multiple usernames — validate each
       const validationResults = await Promise.all(
         usernames.map(async (username) => {
           try {
@@ -165,6 +189,8 @@ const TransferView = ({
         }),
       );
 
+      setUsersResult([]);
+
       if (usernames.toString() !== destinationRef.current.toString()) {
         return;
       }
@@ -205,6 +231,33 @@ const TransferView = ({
     setDestination(trimmedLowercase);
   };
 
+  const _handleUserSelect = useCallback(
+    (username: string) => {
+      if (username === from) {
+        Alert.alert(
+          intl.formatMessage({ id: 'transfer.username_alert' }),
+          intl.formatMessage({ id: 'transfer.username_alert_detail' }),
+        );
+        return;
+      }
+      setDestination(username);
+      destinationRef.current = [username];
+      setUsersResult([]);
+      setIsUsernameValid(true);
+    },
+    [from, intl],
+  );
+
+  const _renderSuggestionItem = useCallback(
+    ({ item: username }) => (
+      <TouchableOpacity onPress={() => _handleUserSelect(username)} style={styles.usersDropItemRow}>
+        <UserAvatar username={username} noAction />
+        <Text style={styles.usersDropItemRowText}>{username}</Text>
+      </TouchableOpacity>
+    ),
+    [_handleUserSelect],
+  );
+
   const _handleAmountChange = (val: string | number) => {
     let newValue = String(val);
     if (newValue.includes(',')) {
@@ -533,6 +586,18 @@ const TransferView = ({
                     autoCorrect={false}
                   />
                 )}
+
+                {destination !== '' && usersResult.length > 0 && !isUsernameValid && (
+                  <View style={styles.suggestionsContainer}>
+                    <FlatList
+                      data={usersResult}
+                      keyboardShouldPersistTaps="always"
+                      renderItem={_renderSuggestionItem}
+                      keyExtractor={(item) => `suggest-${item}`}
+                      style={styles.suggestionsList}
+                    />
+                  </View>
+                )}
               </View>
             </View>
 

From 2c1fe63f56be5cd58f3b462007d551c306b61e2c Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Tue, 24 Mar 2026 19:38:55 +0200
Subject: [PATCH 5/6] fix issues

---
 .../postView/children/postReadingMetadata.tsx         |  8 ++++++--
 src/components/videoPlayer/videoPlayerView.tsx        | 11 ++++++++++-
 src/config/locales/en-US.json                         |  5 +++--
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/postView/children/postReadingMetadata.tsx b/src/components/postView/children/postReadingMetadata.tsx
index fa45a925fb..c7a8adb3cd 100644
--- a/src/components/postView/children/postReadingMetadata.tsx
+++ b/src/components/postView/children/postReadingMetadata.tsx
@@ -114,7 +114,9 @@ const PostReadingMetadataComponent = ({ post }: PostReadingMetadataProps) => {
             }
           }
         })
-        .catch(() => {});
+        .catch((err) => {
+          console.warn('Failed to fetch languages:', err);
+        });
     }
   }, [showTranslate]);
 
@@ -130,7 +132,9 @@ const PostReadingMetadataComponent = ({ post }: PostReadingMetadataProps) => {
           setTranslatedSummary(res.translatedText);
         }
       })
-      .catch(() => {})
+      .catch((err) => {
+        if (!cancelled) console.warn('Translation failed:', err);
+      })
       .finally(() => {
         if (!cancelled) setIsTranslating(false);
       });
diff --git a/src/components/videoPlayer/videoPlayerView.tsx b/src/components/videoPlayer/videoPlayerView.tsx
index cba36c648a..491a906ada 100644
--- a/src/components/videoPlayer/videoPlayerView.tsx
+++ b/src/components/videoPlayer/videoPlayerView.tsx
@@ -55,6 +55,7 @@ const VideoPlayer = ({
 
   // Reset height when URI changes; detect portrait from thumbnail if available
   useEffect(() => {
+    let isActive = true;
     setPlayerHeight(playerWidth * (9 / 16));
 
     if (thumbnailUrl) {
@@ -62,6 +63,7 @@ const VideoPlayer = ({
       RNImage.getSize(
         thumbnailUrl,
         (w: number, h: number) => {
+          if (!isActive) return;
           if (w > 0 && h > 0) {
             const ratio = h / w;
             if (ratio > 1.05) {
@@ -77,6 +79,9 @@ const VideoPlayer = ({
         },
       );
     }
+    return () => {
+      isActive = false;
+    };
   }, [uri, playerWidth, thumbnailUrl]);
 
   useEffect(() => {
@@ -218,6 +223,10 @@ const VideoPlayer = ({
     );
   };
 
+  // Escape URI for safe HTML attribute interpolation
+  const _sanitizeUri = (raw: string) =>
+    raw.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+
   const htmlIframeVideoPlayer = (_uri: string) =>
     `<!DOCTYPE html>
 <html>
@@ -237,7 +246,7 @@ const VideoPlayer = ({
   </style>
 </head>
 <body>
-  <iframe src="${_uri}"
+  <iframe src="${_sanitizeUri(_uri)}"
     allow="autoplay; accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
     allowfullscreen></iframe>
   <script>
diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json
index 3a5727787d..9cd6ba2acc 100644
--- a/src/config/locales/en-US.json
+++ b/src/config/locales/en-US.json
@@ -872,8 +872,9 @@
     "confirmTransaction": "Confirm transaction", 
     "invalid_amount_desc": "Enter valid amount in proper format", 
     "open": "Open URL", 
-    "invalid_key_desc": "kindly login with {key} key or master key to perform this transaction"
-  }, 
+    "invalid_key_desc": "kindly login with {key} key or master key to perform this transaction",
+    "auth_transfer_confirm": "Confirm transfer to {username}?"
+  },
   "voters_dropdown": {
     "rewards": "REWARDS", 
     "percent": "PERCENT", 

From cc2c9f184004d78b3def3a25cb4b0554aa97e22b Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Tue, 24 Mar 2026 21:23:40 +0200
Subject: [PATCH 6/6] consistency

---
 src/components/videoPlayer/videoPlayerView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/videoPlayer/videoPlayerView.tsx b/src/components/videoPlayer/videoPlayerView.tsx
index 491a906ada..7ca7aa20d3 100644
--- a/src/components/videoPlayer/videoPlayerView.tsx
+++ b/src/components/videoPlayer/videoPlayerView.tsx
@@ -269,7 +269,7 @@ const VideoPlayer = ({
   return (
     <View style={styles.container}>
       {mode === 'youtube' && youtubeVideoId && (
-        <View style={{ width: contentWidth, height: playerHeight }}>
+        <View style={{ width: playerWidth, height: playerHeight }}>
           <YoutubeIframe
             height={playerHeight}
             videoId={youtubeVideoId}
@@ -309,7 +309,7 @@ const VideoPlayer = ({
                 setIsLoading(true);
               }}
               source={{ html: htmlIframeVideoPlayer(uri) }}
-              style={[styles.barkBackground, { width: contentWidth, height: playerHeight }]}
+              style={[styles.barkBackground, { width: playerWidth, height: playerHeight }]}
               startInLoadingState={true}
               onShouldStartLoadWithRequest={() => true}
               mediaPlaybackRequiresUserAction={false}