Spaces:

Poorpoor6976
/

Myapp

Paused

App Files Files Community

Poorpoor6976 commited on 11 days ago

Commit

ee2aef4

verified ·

1 Parent(s): 9cb446e

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +156 -81

templates/index.html CHANGED Viewed

@@ -67,6 +67,48 @@ font-size:0.7em;
 margin-top:8px;
 font-weight:600;
 }
 .accordion{
 margin-bottom:12px;
 border-radius:var(--radius);
@@ -147,6 +189,7 @@ input[type="number"],
 input[type="url"],
 input[type="email"],
 input[type="color"],
 select,
 textarea{
 width:100%;
@@ -175,6 +218,9 @@ padding:4px;
 height:42px;
 cursor:pointer;
 }
 select{
 cursor:pointer;
 appearance:none;
@@ -413,24 +459,7 @@ gap:0;
 </style>
 </head>
 <body>
-<header>
-  <div style="background: rgba(0, 230, 118, 0.1); border: 1px solid var(--success); padding: 15px; border-radius: 8px; margin-bottom: 20px; text-align: center;">
-    <strong style="color: var(--success); display: block; margin-bottom: 5px;">Your Permanent SHA-1 Fingerprint (Copy this to Google Console):</strong>
-    <code id="master-sha1" style="font-size: 1.1em; color: #fff; user-select: all;">Loading...</code>
-</div>
-<script>
-    // جلب البصمة الثابتة عند فتح الصفحة
-    fetch('/get_master_sha1')
-    .then(response => response.json())
-    .then(data => {
-        document.getElementById('master-sha1').textContent = data.sha1 || "Error loading SHA-1";
-    })
-    .catch(err => {
-        document.getElementById('master-sha1').textContent = "Failed to connect to server.";
-    });
-</script>
 <h1>Android APK/AAB Builder</h1>
 <p>Build production-ready Android apps from any URL</p>
 <span class="badge">45+ Features &bull; Cloud Build</span>
@@ -439,6 +468,42 @@ gap:0;
 <div class="container">
 <form id="buildForm" autocomplete="off">
 <div class="accordion open" id="acc-core">
 <div class="accordion-header" onclick="toggleAccordion('acc-core')">
 <span class="section-icon">&#9881;</span>
@@ -458,7 +523,7 @@ gap:0;
 </div>
 <div class="form-group">
 <label>Target Web URL <span class="required">*</span></label>
-<input type="url" name="target_url" value="https://www.google.com" required>
 </div>
 <div class="grid-2">
 <div class="form-group">
@@ -501,33 +566,7 @@ gap:0;
 </div>
 </div>
-<div class="accordion" id="acc-auth">
-<div class="accordion-header" onclick="toggleAccordion('acc-auth')">
-<span class="section-icon">&#128273;</span>
-<span class="section-title">Authentication &amp; Backend</span>
-<span class="section-count">3 options</span>
-<span class="accordion-arrow">&#9660;</span>
-</div>
-<div class="accordion-body">
-<div class="accordion-content">
-<div class="form-group">
-<label>Google Web Client ID <small>(For Native Google Auth)</small></label>
-<input type="text" name="google_web_client_id" placeholder="xxxxxxx.apps.googleusercontent.com">
-</div>
-<div class="grid-2">
-<div class="form-group">
-<label>Supabase URL</label>
-<input type="text" name="supabase_url" placeholder="https://xxxx.supabase.co">
-</div>
-<div class="form-group">
-<label>Supabase Anon Key</label>
-<input type="text" name="supabase_anon_key" placeholder="eyJhbGciOiJIUzI1NiIsInR5c...">
-</div>
-</div>
-</div>
-</div>
-</div>
 <div class="accordion" id="acc-branding">
 <div class="accordion-header" onclick="toggleAccordion('acc-branding')">
 <span class="section-icon">&#127912;</span>
@@ -550,7 +589,7 @@ gap:0;
 <div class="toggle-row">
 <div class="toggle-label">
 Splash Screen
-<small>Show a splash screen before loading the WebView</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="splash_enabled" id="splashToggle" onchange="toggleSplashOptions()">
@@ -592,7 +631,7 @@ Splash Screen
 <div class="toggle-row">
 <div class="toggle-label">
 Bottom Navigation Bar
-<small>Home, Refresh, and Back buttons</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="bottom_nav_enabled">
@@ -603,6 +642,7 @@ Bottom Navigation Bar
 </div>
 </div>
 <div class="accordion" id="acc-webengine">
 <div class="accordion-header" onclick="toggleAccordion('acc-webengine')">
 <span class="section-icon">&#9889;</span>
@@ -615,7 +655,7 @@ Bottom Navigation Bar
 <div class="toggle-row">
 <div class="toggle-label">
 Enable JavaScript
-<small>Required for most modern websites</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_javascript" checked>
@@ -625,7 +665,7 @@ Enable JavaScript
 <div class="toggle-row">
 <div class="toggle-label">
 Enable DOM Storage
-<small>Local Storage for sessions and data persistence</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_dom_storage" checked>
@@ -635,7 +675,7 @@ Enable DOM Storage
 <div class="toggle-row">
 <div class="toggle-label">
 Allow File Access
-<small>Upload/Download files from WebView</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="allow_file_access" checked>
@@ -645,7 +685,7 @@ Allow File Access
 <div class="toggle-row">
 <div class="toggle-label">
 Media Auto-play
-<small>Auto-play audio/video without user gesture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="media_autoplay">
@@ -655,7 +695,7 @@ Media Auto-play
 <div class="toggle-row">
 <div class="toggle-label">
 Enable Zoom Controls
-<small>Pinch-to-zoom and built-in zoom buttons</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_zoom">
@@ -669,7 +709,7 @@ Enable Zoom Controls
 <div class="toggle-row">
 <div class="toggle-label">
 Pull-to-Refresh
-<small>SwipeRefreshLayout for page reload</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="pull_to_refresh" checked>
@@ -679,7 +719,7 @@ Pull-to-Refresh
 <div class="toggle-row">
 <div class="toggle-label">
 Multiple Windows Support
-<small>JavaScript can open windows automatically</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="multi_windows">
@@ -689,7 +729,7 @@ Multiple Windows Support
 <div class="toggle-row">
 <div class="toggle-label">
 Deep Link &amp; Intent Interception
-<small>Open OAuth URLs (Google, Facebook, WhatsApp) externally</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="deep_link_intercept" checked>
@@ -700,6 +740,7 @@ Deep Link &amp; Intent Interception
 </div>
 </div>
 <div class="accordion" id="acc-security">
 <div class="accordion-header" onclick="toggleAccordion('acc-security')">
 <span class="section-icon">&#128274;</span>
@@ -712,17 +753,17 @@ Deep Link &amp; Intent Interception
 <div class="toggle-row">
 <div class="toggle-label">
 ProGuard / R8 Obfuscation
-<small>Minify and obfuscate release code</small>
 </div>
 <label class="switch">
-<input type="checkbox" name="proguard_enabled">
 <span class="slider"></span>
 </label>
 </div>
 <div class="toggle-row">
 <div class="toggle-label">
 Root &amp; Emulator Detection
-<small>Auto-exit if device is rooted or emulated</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="root_detection">
@@ -732,7 +773,7 @@ Root &amp; Emulator Detection
 <div class="toggle-row">
 <div class="toggle-label">
 Prevent Screenshots
-<small>FLAG_SECURE blocks screen capture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="prevent_screenshots">
@@ -742,7 +783,7 @@ Prevent Screenshots
 <div class="toggle-row">
 <div class="toggle-label">
 Clear Cache on Exit
-<small>Wipe WebView cache when app closes</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="clear_cache_exit">
@@ -752,7 +793,7 @@ Clear Cache on Exit
 <div class="toggle-row">
 <div class="toggle-label">
 Clear Cookies on Exit
-<small>Wipe all cookies &amp; sessions on close</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="clear_cookies_exit">
@@ -762,7 +803,7 @@ Clear Cookies on Exit
 <div class="toggle-row">
 <div class="toggle-label">
 Keep Screen On
-<small>Prevent screen from sleeping</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="keep_screen_on">
@@ -772,7 +813,7 @@ Keep Screen On
 <div class="toggle-row">
 <div class="toggle-label">
 Fullscreen Immersive Mode
-<small>Hide nav/status bars, fix notch cutout</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="fullscreen_mode">
@@ -782,7 +823,7 @@ Fullscreen Immersive Mode
 <div class="toggle-row">
 <div class="toggle-label">
 Enforce HTTPS Only
-<small>Block mixed content (HTTP resources)</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enforce_https" checked>
@@ -792,7 +833,7 @@ Enforce HTTPS Only
 <div class="toggle-row">
 <div class="toggle-label">
 Tamper Protection
-<small>Basic APK signature verification check</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="tamper_protection">
@@ -803,6 +844,7 @@ Tamper Protection
 </div>
 </div>
 <div class="accordion" id="acc-monetize">
 <div class="accordion-header" onclick="toggleAccordion('acc-monetize')">
 <span class="section-icon">&#128176;</span>
@@ -815,7 +857,7 @@ Tamper Protection
 <div class="toggle-row">
 <div class="toggle-label">
 Firebase Integration
-<small>Analytics &amp; Cloud Messaging</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="firebase_enabled" id="firebaseToggle" onchange="toggleFirebaseOptions()">
@@ -825,7 +867,7 @@ Firebase Integration
 <div id="firebaseOptions" style="display:none">
 <div class="form-group">
 <label>google-services.json content <small>(paste JSON)</small></label>
-<textarea name="firebase_json" placeholder='{"project_info":{"project_number":"..."},...}'></textarea>
 </div>
 </div>
 <div class="form-group" style="margin-top:12px">
@@ -835,7 +877,7 @@ Firebase Integration
 <div class="toggle-row">
 <div class="toggle-label">
 AdMob Ads
-<small>Enable Google AdMob monetization</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="admob_enabled" id="admobToggle" onchange="toggleAdmobOptions()">
@@ -856,6 +898,7 @@ AdMob Ads
 </div>
 </div>
 <div class="accordion" id="acc-perms">
 <div class="accordion-header" onclick="toggleAccordion('acc-perms')">
 <span class="section-icon">&#128272;</span>
@@ -869,7 +912,7 @@ AdMob Ads
 <div class="toggle-row">
 <div class="toggle-label">
 INTERNET
-<small>Network access (always enabled)</small>
 </div>
 <label class="switch">
 <input type="checkbox" checked disabled>
@@ -879,7 +922,7 @@ INTERNET
 <div class="toggle-row">
 <div class="toggle-label">
 CAMERA
-<small>Camera access for photo/video capture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_camera">
@@ -889,7 +932,7 @@ CAMERA
 <div class="toggle-row">
 <div class="toggle-label">
 RECORD_AUDIO (Microphone)
-<small>Microphone access for audio recording</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_microphone">
@@ -899,7 +942,7 @@ RECORD_AUDIO (Microphone)
 <div class="toggle-row">
 <div class="toggle-label">
 LOCATION (Fine &amp; Coarse)
-<small>GPS and network location access</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_location">
@@ -909,7 +952,7 @@ LOCATION (Fine &amp; Coarse)
 <div class="toggle-row">
 <div class="toggle-label">
 STORAGE (Read/Write)
-<small>External storage file access</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_storage">
@@ -919,7 +962,7 @@ STORAGE (Read/Write)
 <div class="toggle-row">
 <div class="toggle-label">
 VIBRATE
-<small>Device vibration feedback</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_vibrate">
@@ -929,7 +972,7 @@ VIBRATE
 <div class="toggle-row">
 <div class="toggle-label">
 READ_CONTACTS
-<small>Access device contacts</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_contacts">
@@ -939,7 +982,7 @@ READ_CONTACTS
 <div class="toggle-row">
 <div class="toggle-label">
 POST_NOTIFICATIONS (Android 13+)
-<small>Auto-prompt for notification permission</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_notifications" checked>
@@ -951,6 +994,7 @@ POST_NOTIFICATIONS (Android 13+)
 </div>
 </div>
 <div class="accordion" id="acc-resilience">
 <div class="accordion-header" onclick="toggleAccordion('acc-resilience')">
 <span class="section-icon">&#129302;</span>
@@ -963,7 +1007,7 @@ POST_NOTIFICATIONS (Android 13+)
 <div class="toggle-row">
 <div class="toggle-label">
 Offline Mode
-<small>Show local offline.html when no internet detected</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="offline_mode" checked>
@@ -973,7 +1017,7 @@ Offline Mode
 <div class="toggle-row">
 <div class="toggle-label">
 AI Log Analyzer
-<small>Automatic Arabic diagnosis of build errors</small>
 </div>
 <label class="switch">
 <input type="checkbox" checked disabled>
@@ -1004,7 +1048,7 @@ AI Log Analyzer
 </div>
-<footer>
 <p>Android APK/AAB Builder SaaS &bull; Powered by Gradle &amp; Flask</p>
 </footer>
@@ -1078,6 +1122,37 @@ document.querySelector('#splashUploadZone p').textContent=file.name;
 reader.readAsDataURL(file);
 }
 var currentBuildId=null;
 var eventSource=null;
@@ -1156,7 +1231,7 @@ if(msg.indexOf('ERROR')!==-1||msg.indexOf('FAILED')!==-1||msg.indexOf('error')!=
 span.className='error-line';
 }else if(msg.indexOf('BUILD SUCCESSFUL')!==-1||msg.indexOf('success')!==-1){
 span.className='success-line';
-}else if(msg.indexOf('AI Log Analysis')!==-1||msg.indexOf('خطأ')!==-1||msg.indexOf('تم البناء')!==-1||msg.indexOf('لم يتم')!==-1||msg.indexOf('راجع')!==-1||msg.indexOf('تحقق')!==-1||msg.indexOf('فشل')!==-1||msg.indexOf('IMPORTANT')!==-1){
 span.className='ai-line';
 }
 span.textContent=msg+'\n';

 margin-top:8px;
 font-weight:600;
 }
+.sha1-card{
+background:linear-gradient(135deg,#1a1a3e,#2a2a5a);
+border:1px solid var(--accent);
+border-radius:var(--radius);
+padding:16px;
+margin-bottom:20px;
+text-align:center;
+}
+.sha1-card h3{
+font-size:0.9em;
+color:var(--accent2);
+margin-bottom:8px;
+}
+.sha1-value{
+font-family:'Courier New',monospace;
+font-size:1.1em;
+color:var(--success);
+background:rgba(0,230,118,0.1);
+padding:8px 12px;
+border-radius:8px;
+display:inline-block;
+word-break:break-all;
+margin-bottom:10px;
+}
+.copy-btn{
+background:var(--accent);
+color:#fff;
+border:none;
+padding:8px 20px;
+border-radius:6px;
+font-size:0.85em;
+cursor:pointer;
+transition:all 0.3s;
+}
+.copy-btn:hover{
+background:#c73652;
+transform:translateY(-1px);
+}
+.copy-btn.copied{
+background:var(--success);
+color:#000;
+}
 .accordion{
 margin-bottom:12px;
 border-radius:var(--radius);
 input[type="url"],
 input[type="email"],
 input[type="color"],
+input[type="password"],
 select,
 textarea{
 width:100%;
 height:42px;
 cursor:pointer;
 }
+input[type="password"]{
+font-family:'Courier New',monospace;
+}
 select{
 cursor:pointer;
 appearance:none;
 </style>
 </head>
 <body>
+<<header>
 <h1>Android APK/AAB Builder</h1>
 <p>Build production-ready Android apps from any URL</p>
 <span class="badge">45+ Features &bull; Cloud Build</span>
 <div class="container">
 <form id="buildForm" autocomplete="off">
+<!-- SHA-1 Fingerprint Card -->
+<div class="sha1-card" id="sha1Card" style="display:none">
+<h3>🔐 Keystore SHA-1 Fingerprint</h3>
+<div class="sha1-value" id="sha1Value">Loading...</div>
+<br>
+<button type="button" class="copy-btn" id="copySha1Btn" onclick="copySha1()">Copy to Clipboard</button>
+<p style="font-size:0.75em;color:var(--text2);margin-top:8px">Add this fingerprint to Google Cloud Console &gt; Credentials &gt; OAuth 2.0</p>
+</div>
+<!-- SECTION 0: Security Keys -->
+<div class="accordion open" id="acc-security-keys">
+<div class="accordion-header" onclick="toggleAccordion('acc-security-keys')">
+<span class="section-icon">&#128272;</span>
+<span class="section-title">Security Keys (OAuth & Supabase)</span>
+<span class="section-count">3 options</span>
+<span class="accordion-arrow">&#9660;</span>
+</div>
+<div class="accordion-body">
+<div class="accordion-content">
+<div class="form-group">
+<label>Supabase Project URL <span class="required">*</span></label>
+<input type="url" name="supabase_url" placeholder="https://abcdefgh12345678.supabase.co" required>
+</div>
+<div class="form-group">
+<label>Supabase Anon Key <span class="required">*</span></label>
+<input type="password" name="supabase_anon_key" placeholder="eyJhbGciOiJIUzI1NiIs..." required>
+</div>
+<div class="form-group">
+<label>Google Web Client ID <span class="required">*</span></label>
+<input type="text" name="google_web_client_id" placeholder="123456789012-abcdef.apps.googleusercontent.com" required>
+</div>
+</div>
+</div>
+</div>
+<!-- SECTION 1: Core Basics -->
 <div class="accordion open" id="acc-core">
 <div class="accordion-header" onclick="toggleAccordion('acc-core')">
 <span class="section-icon">&#9881;</span>
 </div>
 <div class="form-group">
 <label>Target Web URL <span class="required">*</span></label>
+<input type="url" name="target_url" value="https://skydata.bond/login.html" required>
 </div>
 <div class="grid-2">
 <div class="form-group">
 </div>
 </div>
+<!-- SECTION 2: Branding & UI -->
 <div class="accordion" id="acc-branding">
 <div class="accordion-header" onclick="toggleAccordion('acc-branding')">
 <span class="section-icon">&#127912;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 Splash Screen
+<<small>Show a splash screen before loading the WebView</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="splash_enabled" id="splashToggle" onchange="toggleSplashOptions()">
 <div class="toggle-row">
 <div class="toggle-label">
 Bottom Navigation Bar
+<<small>Home, Refresh, and Back buttons</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="bottom_nav_enabled">
 </div>
 </div>
+<!-- SECTION 3: Advanced Web Engine & UX -->
 <div class="accordion" id="acc-webengine">
 <div class="accordion-header" onclick="toggleAccordion('acc-webengine')">
 <span class="section-icon">&#9889;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 Enable JavaScript
+<<small>Required for most modern websites</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_javascript" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 Enable DOM Storage
+<<small>Local Storage for sessions and data persistence</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_dom_storage" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 Allow File Access
+<<small>Upload/Download files from WebView</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="allow_file_access" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 Media Auto-play
+<<small>Auto-play audio/video without user gesture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="media_autoplay">
 <div class="toggle-row">
 <div class="toggle-label">
 Enable Zoom Controls
+<<small>Pinch-to-zoom and built-in zoom buttons</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enable_zoom">
 <div class="toggle-row">
 <div class="toggle-label">
 Pull-to-Refresh
+<<small>SwipeRefreshLayout for page reload</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="pull_to_refresh" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 Multiple Windows Support
+<<small>JavaScript can open windows automatically</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="multi_windows">
 <div class="toggle-row">
 <div class="toggle-label">
 Deep Link &amp; Intent Interception
+<<small>Open OAuth URLs (Google, Facebook, WhatsApp) externally</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="deep_link_intercept" checked>
 </div>
 </div>
+<!-- SECTION 4: Security & Protection -->
 <div class="accordion" id="acc-security">
 <div class="accordion-header" onclick="toggleAccordion('acc-security')">
 <span class="section-icon">&#128274;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 ProGuard / R8 Obfuscation
+<<small>Minify and obfuscate release code</small>
 </div>
 <label class="switch">
+<input type="checkbox" name="proguard_enabled" checked>
 <span class="slider"></span>
 </label>
 </div>
 <div class="toggle-row">
 <div class="toggle-label">
 Root &amp; Emulator Detection
+<<small>Auto-exit if device is rooted or emulated</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="root_detection">
 <div class="toggle-row">
 <div class="toggle-label">
 Prevent Screenshots
+<<small>FLAG_SECURE blocks screen capture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="prevent_screenshots">
 <div class="toggle-row">
 <div class="toggle-label">
 Clear Cache on Exit
+<<small>Wipe WebView cache when app closes</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="clear_cache_exit">
 <div class="toggle-row">
 <div class="toggle-label">
 Clear Cookies on Exit
+<<small>Wipe all cookies &amp; sessions on close</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="clear_cookies_exit">
 <div class="toggle-row">
 <div class="toggle-label">
 Keep Screen On
+<<small>Prevent screen from sleeping</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="keep_screen_on">
 <div class="toggle-row">
 <div class="toggle-label">
 Fullscreen Immersive Mode
+<<small>Hide nav/status bars, fix notch cutout</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="fullscreen_mode">
 <div class="toggle-row">
 <div class="toggle-label">
 Enforce HTTPS Only
+<<small>Block mixed content (HTTP resources)</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="enforce_https" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 Tamper Protection
+<<small>Basic APK signature verification check</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="tamper_protection">
 </div>
 </div>
+<!-- SECTION 5: Monetization & Services -->
 <div class="accordion" id="acc-monetize">
 <div class="accordion-header" onclick="toggleAccordion('acc-monetize')">
 <span class="section-icon">&#128176;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 Firebase Integration
+<<small>Analytics &amp; Cloud Messaging</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="firebase_enabled" id="firebaseToggle" onchange="toggleFirebaseOptions()">
 <div id="firebaseOptions" style="display:none">
 <div class="form-group">
 <label>google-services.json content <small>(paste JSON)</small></label>
+<<textarea name="firebase_json" placeholder='{"project_info":{"project_number":"..."},...}'></textarea>
 </div>
 </div>
 <div class="form-group" style="margin-top:12px">
 <div class="toggle-row">
 <div class="toggle-label">
 AdMob Ads
+<<small>Enable Google AdMob monetization</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="admob_enabled" id="admobToggle" onchange="toggleAdmobOptions()">
 </div>
 </div>
+<!-- SECTION 6: Permissions -->
 <div class="accordion" id="acc-perms">
 <div class="accordion-header" onclick="toggleAccordion('acc-perms')">
 <span class="section-icon">&#128272;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 INTERNET
+<<small>Network access (always enabled)</small>
 </div>
 <label class="switch">
 <input type="checkbox" checked disabled>
 <div class="toggle-row">
 <div class="toggle-label">
 CAMERA
+<<small>Camera access for photo/video capture</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_camera">
 <div class="toggle-row">
 <div class="toggle-label">
 RECORD_AUDIO (Microphone)
+<<small>Microphone access for audio recording</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_microphone">
 <div class="toggle-row">
 <div class="toggle-label">
 LOCATION (Fine &amp; Coarse)
+<<small>GPS and network location access</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_location">
 <div class="toggle-row">
 <div class="toggle-label">
 STORAGE (Read/Write)
+<<small>External storage file access</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_storage">
 <div class="toggle-row">
 <div class="toggle-label">
 VIBRATE
+<<small>Device vibration feedback</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_vibrate">
 <div class="toggle-row">
 <div class="toggle-label">
 READ_CONTACTS
+<<small>Access device contacts</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_contacts">
 <div class="toggle-row">
 <div class="toggle-label">
 POST_NOTIFICATIONS (Android 13+)
+<<small>Auto-prompt for notification permission</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="perm_notifications" checked>
 </div>
 </div>
+<!-- SECTION 7: Resilience & AI -->
 <div class="accordion" id="acc-resilience">
 <div class="accordion-header" onclick="toggleAccordion('acc-resilience')">
 <span class="section-icon">&#129302;</span>
 <div class="toggle-row">
 <div class="toggle-label">
 Offline Mode
+<<small>Show local offline.html when no internet detected</small>
 </div>
 <label class="switch">
 <input type="checkbox" name="offline_mode" checked>
 <div class="toggle-row">
 <div class="toggle-label">
 AI Log Analyzer
+<<small>Automatic Arabic diagnosis of build errors</small>
 </div>
 <label class="switch">
 <input type="checkbox" checked disabled>
 </div>
+<<footer>
 <p>Android APK/AAB Builder SaaS &bull; Powered by Gradle &amp; Flask</p>
 </footer>
 reader.readAsDataURL(file);
 }
+function loadSha1(){
+fetch('/sha1')
+.then(function(r){return r.json()})
+.then(function(data){
+if(data.sha1){
+var card=document.getElementById('sha1Card');
+var val=document.getElementById('sha1Value');
+card.style.display='block';
+val.textContent=data.formatted;
+}
+})
+.catch(function(err){
+console.log('SHA-1 load error:',err);
+});
+}
+function copySha1(){
+var val=document.getElementById('sha1Value').textContent;
+navigator.clipboard.writeText(val).then(function(){
+var btn=document.getElementById('copySha1Btn');
+btn.textContent='Copied!';
+btn.classList.add('copied');
+setTimeout(function(){
+btn.textContent='Copy to Clipboard';
+btn.classList.remove('copied');
+},2000);
+});
+}
+window.addEventListener('load',loadSha1);
 var currentBuildId=null;
 var eventSource=null;
 span.className='error-line';
 }else if(msg.indexOf('BUILD SUCCESSFUL')!==-1||msg.indexOf('success')!==-1){
 span.className='success-line';
+}else if(msg.indexOf('AI Log Analysis')!==-1||msg.indexOf('خطأ')!==-1||msg.indexOf('تم البناء')!==-1||msg.indexOf('لم يتم')!==-1||msg.indexOf('راجع')!==-1||msg.indexOf('تحقق')!==-1||msg.indexOf('فشل')!==-1){
 span.className='ai-line';
 }
 span.textContent=msg+'\n';