Upload static/index.html with huggingface_hub

static/index.html

@@ -9,12 +9,14 @@
   <meta name="theme-color" content="#27c93f"/>
   <meta name="apple-mobile-web-app-capable" content="yes"/>
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
-  <meta name="apple-mobile-web-app-title" content="Terminal"/>
-  <meta name="description" content="Full screen web terminal with dev tools"/>
+  <meta name="apple-mobile-web-app-title" content="OpenCode"/>
+  <meta name="description" content="Full screen web terminal"/>
   
   <!-- PWA Links -->
   <link rel="manifest" href="/static/manifest.json"/>
   <link rel="apple-touch-icon" href="/static/icon-192.png"/>
+  <link rel="icon" type="image/png" sizes="192x192" href="/static/icon-192.png"/>
+  <link rel="icon" type="image/png" sizes="512x512" href="/static/icon-512.png"/>
   
   <!-- Fonts & Terminal -->
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet"/>
@@ -25,11 +27,6 @@
   <style>
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html, body { height: 100%; overflow: hidden; background: #0d1117; font-family: 'JetBrains Mono', monospace; }
-    
-    /* Full screen PWA */
-    @media display-mode: fullscreen {
-      body { padding: 0; }
-    }
 
     #pass-screen {
       position: fixed; top: 0; left: 0; width: 100%; height: 100%;
@@ -48,6 +45,19 @@
     }
     #pass-screen .err { color: #ff5f56; font-size: 12px; }
 
+    #install-banner {
+      display: none; position: fixed; bottom: 0; left: 0; width: 100%;
+      background: #161b22; border-top: 1px solid #30363d; padding: 12px 16px;
+      z-index: 10000; flex-direction: row; align-items: center; justify-content: space-between;
+    }
+    #install-banner.show { display: flex; }
+    #install-banner span { color: #e6edf3; font-size: 13px; }
+    #install-banner button {
+      background: #27c93f; color: #000; border: none; padding: 8px 20px;
+      font-size: 12px; border-radius: 6px; cursor: pointer; font-weight: bold;
+    }
+    #install-banner .close { background: none; color: #768390; padding: 8px; }
+
     #toolbar {
       display: none; background: #161b22; padding: 6px 12px; border-bottom: 1px solid #30363d;
       gap: 8px; align-items: center;
@@ -83,6 +93,14 @@
   <div class="err" id="pass-err"></div>
 </div>
 
+<div id="install-banner">
+  <span>Install OpenCode Terminal</span>
+  <div>
+    <button id="install-btn">Install</button>
+    <button class="close" id="install-close">✕</button>
+  </div>
+</div>
+
 <div id="toolbar">
   <button id="btn-copy">📋 Copy</button>
   <button id="btn-paste">📄 Paste</button>
@@ -101,11 +119,38 @@
 </div>
 
 <script>
+  // PWA Install
+  let deferredPrompt;
+  const installBanner = document.getElementById('install-banner');
+
+  window.addEventListener('beforeinstallprompt', (e) => {
+    e.preventDefault();
+    deferredPrompt = e;
+    installBanner.classList.add('show');
+  });
+
+  document.getElementById('install-btn').onclick = async () => {
+    if (deferredPrompt) {
+      deferredPrompt.prompt();
+      const { outcome } = await deferredPrompt.userChoice;
+      console.log(outcome);
+      deferredPrompt = null;
+      installBanner.classList.remove('show');
+    }
+  };
+
+  document.getElementById('install-close').onclick = () => {
+    installBanner.classList.remove('show');
+  };
+
+  window.addEventListener('appinstalled', () => {
+    installBanner.classList.remove('show');
+    deferredPrompt = null;
+  });
+
   // Register Service Worker
   if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('/static/sw.js')
-      .then(reg => console.log('SW registered'))
-      .catch(err => console.log('SW error'));
+    navigator.serviceWorker.register('/static/sw.js');
   }
 
   const PASS_HASH = "opencode";
@@ -187,13 +232,8 @@
     } catch(e) {}
   };
 
-  document.getElementById("btn-selectall").onclick = () => {
-    term.selectAll();
-  };
-
-  document.getElementById("btn-clear").onclick = () => {
-    term.clear();
-  };
+  document.getElementById("btn-selectall").onclick = () => { term.selectAll(); };
+  document.getElementById("btn-clear").onclick = () => { term.clear(); };
 
   // Context menu
   const ctxMenu = document.getElementById("ctx-menu");