react-native-inapp-inspector 2.5.9 → 2.5.11

package/dist/commonjs/components/Inspector/MediaGalleryTab.js

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,s,n){n===void 0&&(n=s);var l=Object.getOwnPropertyDescriptor(r,s);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[s]}}),Object.defineProperty(t,n,l)}):(function(t,r,s,n){n===void 0&&(n=s),t[n]=r[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,r){Object.defineProperty(t,"default",{enumerable:!0,value:r})}):function(t,r){t.default=r}),__importStar=this&&this.__importStar||(function(){var t=function(r){return t=Object.getOwnPropertyNames||function(s){var n=[];for(var l in s)Object.prototype.hasOwnProperty.call(s,l)&&(n[n.length]=l);return n},t(r)};return function(r){if(r&&r.__esModule)return r;var s={};if(r!=null)for(var n=t(r),l=0;l<n.length;l++)n[l]!=="default"&&__createBinding(s,r,n[l]);return __setModuleDefault(s,r),s}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),ConfirmationModal_1=require("./ConfirmationModal"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:r,switchActiveTab:s,previewMediaItem:n,setPreviewMediaItem:l}=(0,InspectorContext_1.useInspector)(),[c,A]=(0,react_1.useState)([]),[V,v]=(0,react_1.useState)(!1),[d,z]=(0,react_1.useState)("all"),[p,b]=(0,react_1.useState)(new Set),[u,S]=(0,react_1.useState)("grid"),[C,m]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}}),x=async()=>{try{const e=d==="image"?"image":d==="video"?"video":"any",o=await capture_1.ScreenCapture.pickMedia({mediaType:e});o&&(await h(),r?.().catch(()=>{}),(0,toast_1.showToast)(o.type==="video"?t("mediaGallery.importedVideo","Video imported from Camera Roll"):t("mediaGallery.importedPhoto","Photo imported from Camera Roll")),l(o))}catch{(0,toast_1.showToast)(t("mediaGallery.importFailed","Failed to import media"))}},h=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();A(e),r?.().catch(()=>{})}catch{A([])}},[r]);(0,react_1.useEffect)(()=>{h()},[h]);const M=async()=>{v(!0),await h(),v(!1)},g=(0,react_1.useMemo)(()=>d==="all"?c:c.filter(e=>e.type===d),[c,d]),w=(0,react_1.useMemo)(()=>c.reduce((e,o)=>e+(o.sizeBytes||0),0),[c]),I=(0,react_1.useCallback)(e=>{b(o=>{const i=new Set(o);return i.has(e)?i.delete(e):i.add(e),i})},[]),B=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),b(i=>{const a=new Set(i);return a.delete(e.id),a}),await h(),await r?.()===0&&s("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},k=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},R=()=>{const e=c.filter(i=>p.has(i.id));if(e.length===0)return;const o=e.map(i=>i.uri).join(`
-`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},G=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},O=async()=>{const e=c.filter(o=>p.has(o.id));if(e.length!==0)try{const o=e[0],i=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:i,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},D=()=>{const e=p.size;e!==0&&m({visible:!0,title:t("mediaGallery.deleteSelectedTitle","Delete Selected Media"),message:t("mediaGallery.deleteSelectedMessage",{count:e,defaultValue:`Are you sure you want to permanently delete ${e} media items?`}),confirmText:t("mediaGallery.delete","Delete"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{m(a=>({...a,visible:!1}));const o=c.filter(a=>p.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);b(new Set),await h(),await r?.()===0&&s("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}})},F=()=>{m({visible:!0,title:t("mediaGallery.purgeTitle","Purge Gallery"),message:t("mediaGallery.purgeMessage",{count:c.length,size:(0,helpers_1.formatBytes)(w),defaultValue:`Are you sure you want to delete all ${c.length} media files (${(0,helpers_1.formatBytes)(w)})? This cannot be undone.`}),confirmText:t("common.clearAll","Clear All"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{m(e=>({...e,visible:!1})),await capture_1.ScreenCapture.clearAllMedia(),b(new Set),await h(),await r?.(),s("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}})},P=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await h(),r?.().catch(()=>{}))},W=(e,o)=>{const i=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={i}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={i}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={i}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={i}/>}},$=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&p.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"";return<TouchableScale_1.default onPress={()=>l(e)}style={[galleryStyles.card,y&&galleryStyles.cardSelected]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,r,l,s){s===void 0&&(s=l);var n=Object.getOwnPropertyDescriptor(r,l);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[l]}}),Object.defineProperty(t,s,n)}):(function(t,r,l,s){s===void 0&&(s=l),t[s]=r[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,r){Object.defineProperty(t,"default",{enumerable:!0,value:r})}):function(t,r){t.default=r}),__importStar=this&&this.__importStar||(function(){var t=function(r){return t=Object.getOwnPropertyNames||function(l){var s=[];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(s[s.length]=n);return s},t(r)};return function(r){if(r&&r.__esModule)return r;var l={};if(r!=null)for(var s=t(r),n=0;n<s.length;n++)s[n]!=="default"&&__createBinding(l,r,s[n]);return __setModuleDefault(l,r),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaGalleryTab=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),EmptyState_1=__importDefault(require("../EmptyState")),NetworkIcons_1=require("../NetworkIcons"),MediaPreviewModal_1=require("./MediaPreviewModal"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),ConfirmationModal_1=require("./ConfirmationModal"),MediaGalleryTab=()=>{const{t}=(0,i18n_1.useTranslation)(),{refreshMediaCount:r,switchActiveTab:l,previewMediaItem:s,setPreviewMediaItem:n}=(0,InspectorContext_1.useInspector)(),[c,A]=(0,react_1.useState)([]),[z,v]=(0,react_1.useState)(!1),[p,V]=(0,react_1.useState)("all"),[d,f]=(0,react_1.useState)(new Set),[u,S]=(0,react_1.useState)("grid"),[C,m]=(0,react_1.useState)({visible:!1,title:"",message:"",onConfirm:()=>{}}),x=async()=>{try{const e=p==="image"?"image":p==="video"?"video":"any",o=await capture_1.ScreenCapture.pickMedia({mediaType:e});o&&(await h(),r?.().catch(()=>{}),(0,toast_1.showToast)(o.type==="video"?t("mediaGallery.importedVideo","Video imported from Camera Roll"):t("mediaGallery.importedPhoto","Photo imported from Camera Roll")),n(o))}catch{(0,toast_1.showToast)(t("mediaGallery.importFailed","Failed to import media"))}},h=(0,react_1.useCallback)(async()=>{try{const e=await capture_1.ScreenCapture.getMediaList();A(e),r?.().catch(()=>{})}catch{A([])}},[r]);(0,react_1.useEffect)(()=>{h()},[h]);const M=async()=>{v(!0),await h(),v(!1)},g=(0,react_1.useMemo)(()=>p==="all"?c:c.filter(e=>e.type===p),[c,p]),w=(0,react_1.useMemo)(()=>c.reduce((e,o)=>e+(o.sizeBytes||0),0),[c]),I=(0,react_1.useCallback)(e=>{f(o=>{const i=new Set(o);return i.has(e)?i.delete(e):i.add(e),i})},[]),B=async e=>{await capture_1.ScreenCapture.deleteMedia(e.uri),f(i=>{const a=new Set(i);return a.delete(e.id),a}),await h(),await r?.()===0&&l("apis"),(0,toast_1.showToast)(t("mediaGallery.deleted"))},k=e=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},R=()=>{const e=c.filter(i=>d.has(i.id));if(e.length===0)return;const o=e.map(i=>i.uri).join(`
+`);(0,helpers_1.copyToClipboard)(o,`${e.length} Media URIs`),(0,toast_1.showToast)(`${e.length} file URIs copied to clipboard`)},O=async e=>{try{const o=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`;await react_native_1.Share.share({url:o,title:e.filename,message:e.filename})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},G=async()=>{const e=c.filter(o=>d.has(o.id));if(e.length!==0)try{const o=e[0],i=o.uri.startsWith("file://")||o.uri.startsWith("content://")||o.uri.startsWith("http")?o.uri:`file://${o.uri}`;await react_native_1.Share.share({url:i,title:o.filename,message:e.length===1?o.filename:`${e.length} items: ${e.map(a=>a.filename).join(", ")}`})}catch{(0,toast_1.showToast)(t("mediaGallery.shareUnavailable","Sharing not available on this device"))}},D=()=>{const e=d.size;e!==0&&m({visible:!0,title:t("mediaGallery.deleteSelectedTitle","Delete Selected Media"),message:t("mediaGallery.deleteSelectedMessage",{count:e,defaultValue:`Are you sure you want to permanently delete ${e} media items?`}),confirmText:t("mediaGallery.delete","Delete"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{m(a=>({...a,visible:!1}));const o=c.filter(a=>d.has(a.id));for(const a of o)await capture_1.ScreenCapture.deleteMedia(a.uri);f(new Set),await h(),await r?.()===0&&l("apis"),(0,toast_1.showToast)(t("mediaGallery.deletedCount",{count:o.length}))}})},F=()=>{m({visible:!0,title:t("mediaGallery.purgeTitle","Purge Gallery"),message:t("mediaGallery.purgeMessage",{count:c.length,size:(0,helpers_1.formatBytes)(w),defaultValue:`Are you sure you want to delete all ${c.length} media files (${(0,helpers_1.formatBytes)(w)})? This cannot be undone.`}),confirmText:t("common.clearAll","Clear All"),cancelText:t("common.cancel","Cancel"),onConfirm:async()=>{m(e=>({...e,visible:!1})),await capture_1.ScreenCapture.clearAllMedia(),f(new Set),await h(),await r?.(),l("apis"),(0,toast_1.showToast)(t("mediaGallery.allPurged"))}})},P=async e=>{await capture_1.ScreenCapture.convertToGif(e.uri,{fps:12,width:480})&&(await h(),r?.().catch(()=>{}))},W=(e,o)=>{const i=o?AppColors_1.AppColors.sky400:AppColors_1.AppColors.slate400,a=12;switch(e){case"all":return<NetworkIcons_1.ScreencastIcon size={a}color={i}/>;case"image":return<NetworkIcons_1.ImageIcon size={a}color={i}/>;case"video":return<NetworkIcons_1.FilmIcon size={a}color={i}/>;case"gif":return<NetworkIcons_1.GifIcon size={a}color={i}/>}},$=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&d.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",b=e.timestamp?new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):"";return<TouchableScale_1.default onPress={()=>n(e)}style={[galleryStyles.card,y&&galleryStyles.cardSelected]}>
         <react_native_1.View style={galleryStyles.thumbnailContainer}>
           {a?<react_native_1.Image source={{uri:a}}style={galleryStyles.thumbnail}resizeMode="cover"/>:<react_native_1.View style={galleryStyles.thumbnailFallback}>
               {o?<NetworkIcons_1.FilmIcon size={26}color={AppColors_1.AppColors.sky400}/>:<NetworkIcons_1.ImageIcon size={26}color={AppColors_1.AppColors.slate400}/>}
@@ -30,10 +30,10 @@
               <react_native_1.Text style={galleryStyles.cardMeta}numberOfLines={1}>
                 {(0,helpers_1.formatBytes)(e.sizeBytes||0)}
               </react_native_1.Text>
-              {f?<>
+              {b?<>
                   <react_native_1.Text style={galleryStyles.cardMetaDot}>•</react_native_1.Text>
                   <react_native_1.Text style={galleryStyles.cardMeta}numberOfLines={1}>
-                    {f}
+                    {b}
                   </react_native_1.Text>
                 </>:null}
             </react_native_1.View>
@@ -42,7 +42,7 @@
             </react_native_1.TouchableOpacity>
           </react_native_1.View>
         </react_native_1.View>
-      </TouchableScale_1.default>},L=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&p.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",f=e.timestamp?`${new Date(e.timestamp).toLocaleDateString([],{month:"short",day:"numeric"})} ${new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}`:"";return<TouchableScale_1.default onPress={()=>l(e)}style={[galleryStyles.listRow,y&&galleryStyles.listRowSelected]}>
+      </TouchableScale_1.default>},L=({item:e})=>{if(!e)return null;const o=e.type==="video",i=e.type==="gif",a=o&&e.thumbnailUri||e.uri,y=!!(e.id&&d.has(e.id)),T=(e.format||(o?"mp4":i?"gif":"png")).toUpperCase(),_=e.filename||(e.uri?e.uri.split("/").pop():"")||"Capture",b=e.timestamp?`${new Date(e.timestamp).toLocaleDateString([],{month:"short",day:"numeric"})} ${new Date(e.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}`:"";return<TouchableScale_1.default onPress={()=>n(e)}style={[galleryStyles.listRow,y&&galleryStyles.listRowSelected]}>
         
         <react_native_1.TouchableOpacity onPress={()=>e.id&&I(e.id)}style={[galleryStyles.listCheckbox,y&&galleryStyles.checkboxSelected]}hitSlop={{top:8,bottom:8,left:8,right:8}}>
           {y&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
@@ -73,10 +73,10 @@
             <react_native_1.Text style={galleryStyles.cardMeta}>
               {(0,helpers_1.formatBytes)(e.sizeBytes||0)}
             </react_native_1.Text>
-            {f?<>
+            {b?<>
                 <react_native_1.Text style={galleryStyles.cardMetaDot}>•</react_native_1.Text>
                 <react_native_1.Text style={galleryStyles.cardMeta}>
-                  {f}
+                  {b}
                 </react_native_1.Text>
               </>:null}
           </react_native_1.View>
@@ -88,7 +88,7 @@
             <NetworkIcons_1.CopyIcon size={13}color={AppColors_1.AppColors.slate200}/>
           </react_native_1.TouchableOpacity>
 
-          <react_native_1.TouchableOpacity onPress={()=>G(e)}style={galleryStyles.listShareBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <react_native_1.TouchableOpacity onPress={()=>O(e)}style={galleryStyles.listShareBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
             <NetworkIcons_1.ShareIcon size={13}color={AppColors_1.AppColors.sky400}/>
           </react_native_1.TouchableOpacity>
 
@@ -98,9 +98,23 @@
         </react_native_1.View>
       </TouchableScale_1.default>};return<react_native_1.View style={galleryStyles.container}>
       
+      <react_native_1.View style={galleryStyles.topHeaderBar}>
+        <react_native_1.TouchableOpacity onPress={()=>l("apis")}style={galleryStyles.backToTabBtn}accessibilityLabel="Back to Inspector"hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <NetworkIcons_1.WhiteBackNavigation size={15}color={AppColors_1.AppColors.purple}/>
+          <react_native_1.Text style={galleryStyles.backToTabText}>
+            {t("common.back","Back to Inspector")}
+          </react_native_1.Text>
+        </react_native_1.TouchableOpacity>
+
+        <react_native_1.TouchableOpacity onPress={()=>l("apis")}style={galleryStyles.closeCircleBtn}accessibilityLabel="Close Screencast"hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <NetworkIcons_1.CloseWhite size={14}color={AppColors_1.AppColors.grayTextStrong}/>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.View>
+
+      
       <react_native_1.View style={galleryStyles.filterBar}>
         <react_native_1.View style={galleryStyles.chipGroup}>
-          {["all","image","video","gif"].map(e=>{const o=d===e,i=e==="all"?t("mediaGallery.all",{count:c.length}):t(e==="image"?"mediaGallery.photos":e==="video"?"mediaGallery.videos":"mediaGallery.gifs");return<react_native_1.TouchableOpacity key={e}onPress={()=>z(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
+          {["all","image","video","gif"].map(e=>{const o=p===e,i=e==="all"?t("mediaGallery.all",{count:c.length}):t(e==="image"?"mediaGallery.photos":e==="video"?"mediaGallery.videos":"mediaGallery.gifs");return<react_native_1.TouchableOpacity key={e}onPress={()=>V(e)}style={[galleryStyles.chip,o&&galleryStyles.chipActive]}>
                 {W(e,o)}
                 <react_native_1.Text style={[galleryStyles.chipText,o&&galleryStyles.chipTextActive]}>
                   {i}
@@ -113,7 +127,7 @@
           <react_native_1.TouchableOpacity onPress={x}style={galleryStyles.importBtn}accessibilityLabel="Open Camera Roll"hitSlop={{top:6,bottom:6,left:6,right:6}}>
             <NetworkIcons_1.CameraRollIcon size={12}color={AppColors_1.AppColors.sky400}/>
             <react_native_1.Text style={galleryStyles.importBtnText}>
-              {d==="image"?"Photos":d==="video"?"Videos":"Import"}
+              {p==="image"?"Photos":p==="video"?"Videos":"Import"}
             </react_native_1.Text>
           </react_native_1.TouchableOpacity>
 
@@ -132,13 +146,13 @@
       
       {c.length>0&&<react_native_1.View style={galleryStyles.subBar}>
           <react_native_1.View style={galleryStyles.resultCountWrapper}>
-            <react_native_1.Text style={[galleryStyles.resultCountText,p.size>0&&galleryStyles.resultCountTextSelected]}>
-              {p.size>0?t("mediaGallery.selectedOfResults",{selected:p.size,total:g.length,defaultValue:`Selected ${p.size} of ${g.length} results`}):g.length!==c.length?t("mediaGallery.showingFilteredResults",{count:g.length,total:c.length,defaultValue:`Showing ${g.length} of ${c.length} results`}):t("mediaGallery.showingResults",{count:g.length,defaultValue:`Showing ${g.length} results`})}
+            <react_native_1.Text style={[galleryStyles.resultCountText,d.size>0&&galleryStyles.resultCountTextSelected]}>
+              {d.size>0?t("mediaGallery.selectedOfResults",{selected:d.size,total:g.length,defaultValue:`Selected ${d.size} of ${g.length} results`}):g.length!==c.length?t("mediaGallery.showingFilteredResults",{count:g.length,total:c.length,defaultValue:`Showing ${g.length} of ${c.length} results`}):t("mediaGallery.showingResults",{count:g.length,defaultValue:`Showing ${g.length} results`})}
             </react_native_1.Text>
           </react_native_1.View>
 
           <react_native_1.View style={galleryStyles.actionsGroup}>
-            {p.size>0&&<>
+            {d.size>0&&<>
                 <react_native_1.TouchableOpacity onPress={R}style={galleryStyles.copySelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.CopyIcon size={12}color={AppColors_1.AppColors.slate200}/>
                   <react_native_1.Text style={galleryStyles.copySelectedBtnText}>
@@ -146,7 +160,7 @@
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
 
-                <react_native_1.TouchableOpacity onPress={O}style={galleryStyles.shareSelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+                <react_native_1.TouchableOpacity onPress={G}style={galleryStyles.shareSelectedBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.ShareIcon size={12}color={AppColors_1.AppColors.sky400}/>
                   <react_native_1.Text style={galleryStyles.shareSelectedBtnText}>
                     {t("mediaGallery.share","Share")}
@@ -156,7 +170,7 @@
                 <react_native_1.TouchableOpacity onPress={D}style={galleryStyles.deleteBtn}hitSlop={{top:8,bottom:8,left:8,right:8}}>
                   <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.red500}/>
                   <react_native_1.Text style={galleryStyles.deleteBtnText}>
-                    {t("mediaGallery.deleteSelected",{count:p.size})}
+                    {t("mediaGallery.deleteSelected",{count:d.size})}
                   </react_native_1.Text>
                 </react_native_1.TouchableOpacity>
               </>}
@@ -171,18 +185,18 @@
         </react_native_1.View>}
 
       
-      <react_native_1.FlatList key={u}data={g}keyExtractor={e=>e.id}renderItem={u==="grid"?$:L}numColumns={u==="grid"?2:1}columnWrapperStyle={u==="grid"?galleryStyles.columnWrapper:void 0}style={{flex:1}}contentContainerStyle={[galleryStyles.listContent,{flexGrow:1}]}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"refreshControl={<react_native_1.RefreshControl refreshing={V}onRefresh={M}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<react_native_1.View style={galleryStyles.emptyContainer}>
-            <EmptyState_1.default customTitle={d==="image"?"No Photos Found":d==="video"?"No Videos Found":t("mediaGallery.noMediaTitle")}customSub={d==="image"?"Take a screenshot or import photos from Camera Roll.":d==="video"?"Record a video or import videos from Camera Roll.":t("mediaGallery.noMediaDesc")}showReload={!1}/>
+      <react_native_1.FlatList key={u}data={g}keyExtractor={e=>e.id}renderItem={u==="grid"?$:L}numColumns={u==="grid"?2:1}columnWrapperStyle={u==="grid"?galleryStyles.columnWrapper:void 0}style={{flex:1}}contentContainerStyle={[galleryStyles.listContent,{flexGrow:1}]}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"refreshControl={<react_native_1.RefreshControl refreshing={z}onRefresh={M}tintColor={AppColors_1.AppColors.sky400}/>}ListEmptyComponent={<react_native_1.View style={galleryStyles.emptyContainer}>
+            <EmptyState_1.default customTitle={p==="image"?"No Photos Found":p==="video"?"No Videos Found":t("mediaGallery.noMediaTitle")}customSub={p==="image"?"Take a screenshot or import photos from Camera Roll.":p==="video"?"Record a video or import videos from Camera Roll.":t("mediaGallery.noMediaDesc")}showReload={!1}/>
             <react_native_1.TouchableOpacity onPress={x}style={galleryStyles.emptyImportBtn}activeOpacity={.8}>
               <NetworkIcons_1.CameraRollIcon size={14}color={AppColors_1.AppColors.white}/>
               <react_native_1.Text style={galleryStyles.emptyImportBtnText}>
-                {d==="image"?t("mediaGallery.importPhotos","Import Photos from Camera Roll"):d==="video"?t("mediaGallery.importVideos","Import Videos from Camera Roll"):t("mediaGallery.openCameraRoll","Open Camera Roll")}
+                {p==="image"?t("mediaGallery.importPhotos","Import Photos from Camera Roll"):p==="video"?t("mediaGallery.importVideos","Import Videos from Camera Roll"):t("mediaGallery.openCameraRoll","Open Camera Roll")}
               </react_native_1.Text>
             </react_native_1.TouchableOpacity>
           </react_native_1.View>}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={n}visible={!!n}onClose={()=>l(null)}onDelete={B}onConvertToGif={P}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={s}visible={!!s}onClose={()=>n(null)}onDelete={B}onConvertToGif={P}/>
 
       <ConfirmationModal_1.ConfirmationModal visible={C.visible}title={C.title}message={C.message}confirmText={C.confirmText}cancelText={C.cancelText}isDestructive={!0}icon="trash"onConfirm={C.onConfirm}onCancel={()=>m(e=>({...e,visible:!1}))}/>
-    </react_native_1.View>};exports.MediaGalleryTab=MediaGalleryTab;const{width:WINDOW_WIDTH}=react_native_1.Dimensions.get("window"),CARD_WIDTH=(WINDOW_WIDTH-36)/2,galleryStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.slate850},filterBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},chipGroup:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},chip:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},chipActive:{backgroundColor:`${AppColors_1.AppColors.sky400}2E`,borderColor:AppColors_1.AppColors.sky400},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},chipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky400},subBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.slate900}99`,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},resultCountWrapper:{flexDirection:"row",alignItems:"center",flexShrink:1},resultCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},resultCountTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky400},actionsGroup:{flexDirection:"row",alignItems:"center",gap:6},rightControls:{flexDirection:"row",alignItems:"center",gap:6},importBtn:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.sky500}1F`,borderColor:`${AppColors_1.AppColors.sky400}44`,borderWidth:1,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6},importBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.sky400},emptyContainer:{alignItems:"center",justifyContent:"center",paddingVertical:36},emptyImportBtn:{flexDirection:"row",alignItems:"center",gap:7,backgroundColor:AppColors_1.AppColors.sky500,paddingHorizontal:16,paddingVertical:10,borderRadius:8,marginTop:18,shadowColor:AppColors_1.AppColors.sky500,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:6,elevation:3},emptyImportBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13,color:AppColors_1.AppColors.white},viewToggleContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderRadius:6,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},viewToggleBtn:{paddingHorizontal:7,paddingVertical:4,borderRadius:4,alignItems:"center",justifyContent:"center"},viewToggleBtnActive:{backgroundColor:`${AppColors_1.AppColors.violet600}80`},deleteBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}26`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}80`},deleteBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.red500},clearBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}1F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},clearBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.red500},listContent:{padding:12,gap:10},columnWrapper:{gap:12},card:{width:CARD_WIDTH,backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,overflow:"hidden"},cardSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5},thumbnailContainer:{width:"100%",height:110,backgroundColor:AppColors_1.AppColors.slate850,position:"relative"},thumbnail:{width:"100%",height:"100%"},thumbnailFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},checkbox:{position:"absolute",top:6,left:6,width:22,height:22,borderRadius:5,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center",zIndex:10},checkboxSelected:{backgroundColor:AppColors_1.AppColors.violet600,borderColor:AppColors_1.AppColors.violet600},miniPlayCircle:{position:"absolute",top:"50%",left:"50%",width:32,height:32,marginTop:-16,marginLeft:-16,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:2,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},typeBadge:{position:"absolute",top:6,right:6,flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.slate200},cardInfo:{padding:8,gap:3},cardTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.white},cardMetaRow:{flexDirection:"row",alignItems:"center",gap:4},cardMeta:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400},cardMetaDot:{fontSize:10,color:AppColors_1.AppColors.whiteAlpha30},listRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,padding:8,gap:10},listRowSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`},listCheckbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center"},listThumbContainer:{width:46,height:46,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate850,overflow:"hidden",position:"relative"},listThumb:{width:"100%",height:"100%"},listThumbFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},listMiniPlay:{position:"absolute",top:"50%",left:"50%",width:20,height:20,marginTop:-10,marginLeft:-10,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:1},listInfo:{flex:1,gap:4,minWidth:0},listTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},listMetaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},listBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:4,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},listBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate200},gridCopyBtn:{padding:3,borderRadius:4,backgroundColor:AppColors_1.AppColors.whiteAlpha08},listActionsRow:{flexDirection:"row",alignItems:"center",gap:6},listCopyBtn:{padding:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},listShareBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}40`},listDeleteBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}33`},copySelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},copySelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.slate200},shareSelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`},shareSelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.sky400}});
+    </react_native_1.View>};exports.MediaGalleryTab=MediaGalleryTab;const{width:WINDOW_WIDTH}=react_native_1.Dimensions.get("window"),CARD_WIDTH=(WINDOW_WIDTH-36)/2,galleryStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.slate850},topHeaderBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:8,backgroundColor:AppColors_1.AppColors.primaryLight,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},backToTabBtn:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:3,paddingHorizontal:6},backToTabText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.purple},closeCircleBtn:{width:26,height:26,borderRadius:13,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,alignItems:"center",justifyContent:"center"},filterBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},chipGroup:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},chip:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},chipActive:{backgroundColor:`${AppColors_1.AppColors.sky400}2E`,borderColor:AppColors_1.AppColors.sky400},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},chipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky400},subBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.slate900}99`,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},resultCountWrapper:{flexDirection:"row",alignItems:"center",flexShrink:1},resultCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},resultCountTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky400},actionsGroup:{flexDirection:"row",alignItems:"center",gap:6},rightControls:{flexDirection:"row",alignItems:"center",gap:6},importBtn:{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.sky500}1F`,borderColor:`${AppColors_1.AppColors.sky400}44`,borderWidth:1,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6},importBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.sky400},emptyContainer:{alignItems:"center",justifyContent:"center",paddingVertical:36},emptyImportBtn:{flexDirection:"row",alignItems:"center",gap:7,backgroundColor:AppColors_1.AppColors.sky500,paddingHorizontal:16,paddingVertical:10,borderRadius:8,marginTop:18,shadowColor:AppColors_1.AppColors.sky500,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:6,elevation:3},emptyImportBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13,color:AppColors_1.AppColors.white},viewToggleContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderRadius:6,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},viewToggleBtn:{paddingHorizontal:7,paddingVertical:4,borderRadius:4,alignItems:"center",justifyContent:"center"},viewToggleBtnActive:{backgroundColor:`${AppColors_1.AppColors.violet600}80`},deleteBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}26`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}80`},deleteBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.red500},clearBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}1F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},clearBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.red500},listContent:{padding:12,gap:10},columnWrapper:{gap:12},card:{width:CARD_WIDTH,backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,overflow:"hidden"},cardSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5},thumbnailContainer:{width:"100%",height:110,backgroundColor:AppColors_1.AppColors.slate850,position:"relative"},thumbnail:{width:"100%",height:"100%"},thumbnailFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},checkbox:{position:"absolute",top:6,left:6,width:22,height:22,borderRadius:5,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center",zIndex:10},checkboxSelected:{backgroundColor:AppColors_1.AppColors.violet600,borderColor:AppColors_1.AppColors.violet600},miniPlayCircle:{position:"absolute",top:"50%",left:"50%",width:32,height:32,marginTop:-16,marginLeft:-16,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:2,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},typeBadge:{position:"absolute",top:6,right:6,flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.slate200},cardInfo:{padding:8,gap:3},cardTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.white},cardMetaRow:{flexDirection:"row",alignItems:"center",gap:4},cardMeta:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400},cardMetaDot:{fontSize:10,color:AppColors_1.AppColors.whiteAlpha30},listRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,padding:8,gap:10},listRowSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`},listCheckbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center"},listThumbContainer:{width:46,height:46,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate850,overflow:"hidden",position:"relative"},listThumb:{width:"100%",height:"100%"},listThumbFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},listMiniPlay:{position:"absolute",top:"50%",left:"50%",width:20,height:20,marginTop:-10,marginLeft:-10,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:1},listInfo:{flex:1,gap:4,minWidth:0},listTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},listMetaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},listBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:4,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},listBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate200},gridCopyBtn:{padding:3,borderRadius:4,backgroundColor:AppColors_1.AppColors.whiteAlpha08},listActionsRow:{flexDirection:"row",alignItems:"center",gap:6},listCopyBtn:{padding:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},listShareBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}40`},listDeleteBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}33`},copySelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},copySelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.slate200},shareSelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`},shareSelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.sky400}});