update browser extension and app

browser-extension/popup/popup.html

@@ -12,6 +12,7 @@
       <img src="../icons/icon32.png" alt="f0ckm Logo" class="brand-icon">
       <span class="brand-name">f0ckm Uploader</span>
     </div>
+    <button id="btn-open-options" class="icon-btn" title="Open Settings Options">⚙️</button>
   </div>
 
   <div class="mode-selector">
@@ -26,6 +27,24 @@
   </div>
 
   <div class="content">
+    <div id="api-config-card" class="api-config-card hidden">
+      <div class="config-header">
+        <span>⚙️ Direct API Credentials</span>
+      </div>
+      <div class="field">
+        <label for="popup-api-url">API URL:</label>
+        <input type="url" id="popup-api-url" placeholder="https://f0ckm.com/api/v2/upload">
+      </div>
+      <div class="field">
+        <label for="popup-api-key">API Key:</label>
+        <input type="password" id="popup-api-key" placeholder="Secret API key">
+      </div>
+      <div class="config-actions">
+        <button id="btn-save-api-config" class="btn btn-sm btn-primary">Save API Info</button>
+        <button id="btn-popup-test" class="btn btn-sm btn-accent">Test</button>
+        <span id="popup-api-toast" class="popup-toast"></span>
+      </div>
+    </div>
     <div id="active-tab-card" class="active-tab-card">
       <div class="card-top">
         <span id="site-badge" class="site-badge">🌐 Web Page</span>