refactor: remove settings panel and related functionality for cleaner UI

Author: fok666

docs/index.html

@@ -64,69 +64,6 @@
       margin: 0 auto;
     }
 
-    /* Settings bar */
-    .settings-bar {
-      display: flex;
-      justify-content: flex-end;
-      margin-bottom: 16px;
-    }
-
-    .settings-btn {
-      background: none;
-      border: 1px solid var(--border);
-      color: var(--text-muted);
-      padding: 6px 12px;
-      border-radius: var(--radius);
-      cursor: pointer;
-      font-size: 13px;
-      transition: all 0.2s;
-    }
-
-    .settings-btn:hover {
-      border-color: var(--accent);
-      color: var(--accent);
-    }
-
-    .settings-panel {
-      background: var(--surface);
-      border: 1px solid var(--border);
-      border-radius: var(--radius);
-      padding: 16px;
-      margin-bottom: 16px;
-      display: none;
-    }
-
-    .settings-panel.open { display: block; }
-
-    .settings-panel label {
-      display: block;
-      font-size: 13px;
-      color: var(--text-muted);
-      margin-bottom: 6px;
-    }
-
-    .settings-panel input {
-      width: 100%;
-      padding: 8px 12px;
-      background: var(--bg);
-      border: 1px solid var(--border);
-      border-radius: var(--radius);
-      color: var(--text);
-      font-family: var(--font-mono);
-      font-size: 13px;
-    }
-
-    .settings-panel input:focus {
-      outline: none;
-      border-color: var(--accent);
-    }
-
-    .settings-panel .hint {
-      font-size: 12px;
-      color: var(--text-muted);
-      margin-top: 4px;
-    }
-
     /* Cards */
     .card {
       background: var(--surface);
@@ -583,17 +520,6 @@ <h1><span class="icon">📦</span> Lambda Python Layer Builder</h1>
       <p>Build AWS Lambda Python layers for any architecture. Powered by Docker on EC2 Spot instances.</p>
     </header>
 
-    <!-- Settings -->
-    <div class="settings-bar">
-      <button class="settings-btn" onclick="toggleSettings()">⚙ API Settings</button>
-    </div>
-
-    <div id="settingsPanel" class="settings-panel">
-      <label for="apiUrl">API Gateway URL</label>
-      <input type="url" id="apiUrl" placeholder="https://9nij0o9osa.execute-api.eu-central-1.amazonaws.com" />
-      <div class="hint">From Terraform output: <code>api_url</code>. Saved in browser storage.</div>
-    </div>
-
     <!-- Build Form -->
     <div class="card">
       <h2>🔧 New Build</h2>
@@ -670,10 +596,10 @@ <h2>📋 Builds</h2>
       <a href="https://github.com/fok666/lambda-python-layer" target="_blank">lambda-python-layer</a>
       — Build Lambda layers with Docker on EC2 Spot instances
       <p/>
-      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/github-code-scanning/codeql"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/github-code-scanning/codeql/badge.svg" alt="CodeQL" style="margin-left: 12px;" /></a>
-      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/dependabot/dependabot-updates"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/dependabot/dependabot-updates/badge.svg" alt="Dependabot" style="margin-left: 12px;" /></a>
-      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/build-and-release.yml"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/build-and-release.yml/badge.svg" alt="Build and Release" style="margin-left: 12px;" /></a>
-      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/static.yml"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/static.yml/badge.svg" alt="Github Pages" style="margin-left: 12px;" /></a>
+      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/github-code-scanning/codeql"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/github-code-scanning/codeql/badge.svg" alt="CodeQL" /></a>
+      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/dependabot/dependabot-updates"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/dependabot/dependabot-updates/badge.svg" alt="Dependabot" style="margin-left: 4px;" /></a>
+      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/build-and-release.yml"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/build-and-release.yml/badge.svg" alt="Build and Release" style="margin-left: 4px;" /></a>
+      <a href="https://github.com/fok666/lambda-python-layer/actions/workflows/static.yml"><img src="https://github.com/fok666/lambda-python-layer/actions/workflows/static.yml/badge.svg" alt="Github Pages" style="margin-left: 4px;" /></a>
     </footer>
   </div>
 
@@ -686,8 +612,10 @@ <h2>📋 Builds</h2>
     const STORAGE_KEY = 'lambda-layer-builder';
     const POLL_INTERVAL = 10000; // 10 seconds
 
+    const API_URL = 'https://9nij0o9osa.execute-api.eu-central-1.amazonaws.com';
+
     let state = {
-      apiUrl: '',
+      apiUrl: API_URL,
       builds: [],     // { id, status, python_version, architectures, single_file, files, error, created_at }
       polling: {},     // buildId -> intervalId
     };
@@ -699,12 +627,6 @@ <h2>📋 Builds</h2>
       loadState();
       renderBuilds();
 
-      document.getElementById('apiUrl').value = state.apiUrl;
-      document.getElementById('apiUrl').addEventListener('change', (e) => {
-        state.apiUrl = e.target.value.replace(/\/+$/, '');
-        saveState();
-      });
-
       document.getElementById('singleFile').addEventListener('change', (e) => {
         document.getElementById('singleFileLabel').textContent =
           e.target.checked ? 'Combined archive' : 'Individual archives';
@@ -720,12 +642,6 @@ <h2>📋 Builds</h2>
     // API
     // =========================================================================
     function getApiUrl() {
-      if (!state.apiUrl) {
-        showToast('Please configure the API URL in settings', 'error');
-        document.getElementById('settingsPanel').classList.add('open');
-        document.getElementById('apiUrl').focus();
-        return null;
-      }
       return state.apiUrl;
     }
 
@@ -849,10 +765,6 @@ <h2>📋 Builds</h2>
     // =========================================================================
     // UI
     // =========================================================================
-    function toggleSettings() {
-      document.getElementById('settingsPanel').classList.toggle('open');
-    }
-
     function toggleArch(el, value) {
       const cb = el.querySelector('input');
       // Will be toggled by browser after this handler, so check current state
@@ -935,7 +847,6 @@ <h2>📋 Builds</h2>
     function saveState() {
       try {
         localStorage.setItem(STORAGE_KEY, JSON.stringify({
-          apiUrl: state.apiUrl,
           builds: state.builds.slice(0, 50), // Keep last 50 builds
         }));
       } catch (e) {
@@ -946,7 +857,6 @@ <h2>📋 Builds</h2>
     function loadState() {
       try {
         const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}');
-        state.apiUrl = saved.apiUrl || '';
         state.builds = saved.builds || [];
       } catch (e) {
         console.warn('Failed to load state:', e);