Deploy compact ChatSeed HF Hub Manager v10

index.html

@@ -6,118 +6,49 @@
   <title>ChatSeed HF Hub Manager</title>
   <style>
     * { box-sizing: border-box; margin: 0; padding: 0; }
-    body {
-      font-family: system-ui, -apple-system, sans-serif;
-      background: #0f172a; color: #e2e8f0; min-height: 100vh;
-    }
+    body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #e2e8f0; min-height: 100vh; }
     .app { max-width: 900px; margin: 0 auto; padding: 24px; }
-    header {
-      display: flex; align-items: center; justify-content: space-between;
-      padding: 16px 0; border-bottom: 1px solid #1e293b; margin-bottom: 24px;
-    }
+    header { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #1e293b; margin-bottom: 24px; }
     header h1 { font-size: 1.4rem; display: flex; align-items: center; gap: 8px; }
-    header h1 span { background: #059669; color: #fff; font-size: 0.6rem;
-      padding: 2px 8px; border-radius: 999px; font-weight: 500; }
-    .status-bar {
-      display: flex; align-items: center; gap: 12px;
-      background: #1e293b; padding: 10px 16px; border-radius: 12px;
-      margin-bottom: 20px; font-size: 0.85rem;
-    }
+    header h1 span { background: #059669; color: #fff; font-size: 0.6rem; padding: 2px 8px; border-radius: 999px; font-weight: 500; }
+    .status-bar { display: flex; align-items: center; gap: 12px; background: #1e293b; padding: 10px 16px; border-radius: 12px; margin-bottom: 20px; font-size: 0.85rem; }
     .status-dot { width: 8px; height: 8px; border-radius: 50%; }
     .status-dot.online { background: #22c55e; box-shadow: 0 0 6px #22c55e88; }
-    .btn {
-      padding: 8px 16px; border: none; border-radius: 8px; cursor: pointer;
-      font-size: 0.8rem; font-weight: 500; transition: all 0.15s;
-    }
+    .btn { padding: 8px 16px; border: none; border-radius: 8px; cursor: pointer; font-size: 0.8rem; font-weight: 500; transition: all 0.15s; }
     .btn-primary { background: #059669; color: #fff; }
     .btn-primary:hover { background: #047857; }
-    .btn-danger { background: #dc2626; color: #fff; }
-    .btn-danger:hover { background: #b91c1c; }
     .btn-outline { background: transparent; border: 1px solid #334155; color: #cbd5e1; }
     .btn-outline:hover { background: #1e293b; }
-    .card {
-      background: #1e293b; border: 1px solid #334155; border-radius: 14px;
-      padding: 20px; margin-bottom: 16px;
-    }
-    .card h3 { font-size: 0.9rem; color: #94a3b8; margin-bottom: 12px;
-      text-transform: uppercase; letter-spacing: 0.04em; }
+    .card { background: #1e293b; border: 1px solid #334155; border-radius: 14px; padding: 20px; margin-bottom: 16px; }
+    .card h3 { font-size: 0.9rem; color: #94a3b8; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.04em; }
     .tool-grid { display: grid; gap: 8px; }
-    .tool-btn {
-      display: flex; align-items: center; gap: 8px;
-      width: 100%; padding: 10px 14px; background: #0f172a;
-      border: 1px solid #334155; border-radius: 10px; color: #e2e8f0;
-      cursor: pointer; font-size: 0.8rem; transition: all 0.15s;
-    }
+    .tool-btn { display: flex; align-items: center; gap: 8px; width: 100%; padding: 10px 14px; background: #0f172a; border: 1px solid #334155; border-radius: 10px; color: #e2e8f0; cursor: pointer; font-size: 0.8rem; transition: all 0.15s; }
     .tool-btn:hover { border-color: #059669; background: #1a2332; }
     .tool-btn .icon { font-size: 1.1rem; width: 24px; text-align: center; }
     .tool-btn .name { flex: 1; text-align: left; }
-    .tool-btn .arrow { color: #475569; }
-    .modal-overlay {
-      position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-      background: rgba(0,0,0,0.7); z-index: 1000;
-      display: flex; align-items: center; justify-content: center;
-      padding: 16px;
-    }
-    .modal {
-      background: #1e293b; border: 1px solid #334155;
-      border-radius: 16px; padding: 24px; width: 520px; max-width: 100%;
-      box-shadow: 0 25px 50px rgba(0,0,0,0.4);
-    }
+    .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
+    .modal { background: #1e293b; border: 1px solid #334155; border-radius: 16px; padding: 24px; width: 520px; max-width: 100%; box-shadow: 0 25px 50px rgba(0,0,0,0.4); }
     .modal h2 { margin-bottom: 16px; font-size: 1.1rem; }
-    .modal input, .modal textarea, .modal select {
-      width: 100%; padding: 10px 12px; background: #0f172a;
-      border: 1px solid #475569; border-radius: 8px; color: #f1f5f9;
-      font-size: 0.85rem; margin-bottom: 12px;
-    }
+    .modal input, .modal textarea, .modal select { width: 100%; padding: 10px 12px; background: #0f172a; border: 1px solid #475569; border-radius: 8px; color: #f1f5f9; font-size: 0.85rem; margin-bottom: 12px; box-sizing: border-box; }
     .modal textarea { min-height: 80px; font-family: monospace; }
     .modal input:focus, .modal textarea:focus { outline: none; border-color: #059669; }
-    .output {
-      background: #0f172a; border: 1px solid #334155; border-radius: 10px;
-      padding: 14px; margin-top: 12px; white-space: pre-wrap;
-      font-family: monospace; font-size: 0.78rem; line-height: 1.6;
-      max-height: 400px; overflow-y: auto;
-    }
+    .output { background: #0f172a; border: 1px solid #334155; border-radius: 10px; padding: 14px; margin-top: 12px; white-space: pre-wrap; font-family: monospace; font-size: 0.78rem; line-height: 1.6; max-height: 400px; overflow-y: auto; }
     .hidden { display: none; }
     .flex { display: flex; gap: 8px; }
     .flex-1 { flex: 1; }
     .mb-2 { margin-bottom: 8px; }
-    .token-display {
-      display: flex; align-items: center; gap: 8px;
-      background: #0f172a; padding: 8px 12px; border-radius: 8px;
-      border: 1px solid #334155;
-    }
-    .token-display .masked { font-family: monospace; color: #94a3b8; font-size: 0.8rem; }
-    .tag {
-      display: inline-block; padding: 2px 8px; border-radius: 999px;
-      font-size: 0.65rem; font-weight: 500;
-    }
-    .tag-green { background: #05966922; color: #6ee7b7; }
-    .tag-red { background: #dc262622; color: #fca5a5; }
-    .tag-yellow { background: #d9770622; color: #fde68a; }
-    footer {
-      text-align: center; padding: 24px; color: #475569;
-      font-size: 0.75rem; border-top: 1px solid #1e293b; margin-top: 32px;
-    }
-    .spinner {
-      display: inline-block; width: 16px; height: 16px;
-      border: 2px solid #475569; border-top-color: #22c55e;
-      border-radius: 50%; animation: spin 0.6s linear infinite;
-    }
-    @keyframes spin { to { transform: rotate(360deg); } }
+    footer { text-align: center; padding: 24px; color: #475569; font-size: 0.75rem; border-top: 1px solid #1e293b; margin-top: 32px; }
   </style>
 </head>
 <body>
   <div class="app">
     <header>
-      <h1>
-        🤗 ChatSeed <span>HF Module v10</span>
-      </h1>
+      <h1>🤗 ChatSeed <span>HF Module v10</span></h1>
       <div style="display:flex;gap:8px;align-items:center;">
         <div class="status-dot online" id="statusDot"></div>
-        <span id="statusText" style="font-size:0.8rem;color:#94a3b8;">Loading...</span>
+        <span id="statusText" style="font-size:0.8rem;color:#94a3b8;">Online</span>
       </div>
     </header>
-
     <div class="status-bar">
       <div style="flex:1;display:flex;gap:8px;align-items:center;">
         <span>🔑</span>
@@ -126,600 +57,70 @@
       <button class="btn btn-outline" onclick="showTokenPopup()">Login</button>
       <button class="btn btn-outline" onclick="logout()">Logout</button>
     </div>
-
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;">
-      <button class="tool-btn" onclick="refreshStatus()">
-        <span class="icon">🔍</span>
-        <span class="name">Check Token / Whoami</span>
-        <span class="arrow">→</span>
-      </button>
-      <button class="tool-btn" onclick="listMySpaces()">
-        <span class="icon">📂</span>
-        <span class="name">List My Spaces</span>
-        <span class="arrow">→</span>
-      </button>
-      <button class="tool-btn" onclick="showCreateSpace()">
-        <span class="icon">✨</span>
-        <span class="name">Create Space</span>
-        <span class="arrow">→</span>
-      </button>
-      <button class="tool-btn" onclick="showSpaceStatus()">
-        <span class="icon">📊</span>
-        <span class="name">Space Status</span>
-        <span class="arrow">→</span>
-      </button>
-      <button class="tool-btn" onclick="showUploadFile()">
-        <span class="icon">📄</span>
-        <span class="name">Upload File</span>
-        <span class="arrow">→</span>
-      </button>
-      <button class="tool-btn" onclick="showSearchSpaces()">
-        <span class="icon">🔎</span>
-        <span class="name">Search Spaces</span>
-        <span class="arrow">→</span>
-      </button>
+      <button class="tool-btn" onclick="refreshStatus()"><span class="icon">🔍</span><span class="name">Whoami</span><span class="arrow">→</span></button>
+      <button class="tool-btn" onclick="listMySpaces()"><span class="icon">📂</span><span class="name">My Spaces</span><span class="arrow">→</span></button>
+      <button class="tool-btn" onclick="showCreateSpace()"><span class="icon">✨</span><span class="name">Create Space</span><span class="arrow">→</span></button>
+      <button class="tool-btn" onclick="showSpaceStatus()"><span class="icon">📊</span><span class="name">Space Status</span><span class="arrow">→</span></button>
+      <button class="tool-btn" onclick="showUploadFile()"><span class="icon">📄</span><span class="name">Upload File</span><span class="arrow">→</span></button>
+      <button class="tool-btn" onclick="showSearchSpaces()"><span class="icon">🔎</span><span class="name">Search</span><span class="arrow">→</span></button>
     </div>
-
     <div class="card">
       <h3>📋 Output</h3>
-      <div id="output" class="output">Click a button above to get started! 🚀</div>
+      <div id="output" class="output">🚀 ChatSeed HF Module v10 loaded! Login to start.</div>
     </div>
-
     <div id="modalArea"></div>
-    <footer>
-      ChatSeed HuggingFace Hub Manager v10 — <a href="https://huggingface.co/spaces/broadfield/chatseed-v2" target="_blank" style="color:#60a5fa;">broadfield/chatseed-v2</a>
-    </footer>
+    <footer>ChatSeed HF Hub Manager v10 — <a href="https://huggingface.co/spaces/broadfield/chatseed-v2" target="_blank" style="color:#60a5fa;">broadfield/chatseed-v2</a></footer>
   </div>
-
   <div id="tokenPopup" class="modal-overlay hidden">
     <div class="modal">
       <h2>🔐 HuggingFace Login</h2>
-      <p style="color:#94a3b8;font-size:0.85rem;margin-bottom:16px;">
-        Token stored in your browser's localStorage — never sent to any server except HF's API.
-      </p>
+      <p style="color:#94a3b8;font-size:0.85rem;margin-bottom:16px;">Token stored in your browser's localStorage — never sent to any server except HF's API.</p>
       <input type="password" id="tokenInput" placeholder="hf_..." style="font-family:monospace;">
-      <label style="display:flex;align-items:center;gap:6px;font-size:0.8rem;color:#94a3b8;margin-bottom:12px;">
-        <input type="checkbox" id="showToken" style="accent-color:#059669;"> Show token
-      </label>
-      <div class="flex">
-        <button class="btn btn-primary flex-1" onclick="setToken()">🔐 Set Token</button>
-        <button class="btn btn-outline" onclick="closeTokenPopup()">Cancel</button>
-      </div>
+      <label style="display:flex;align-items:center;gap:6px;font-size:0.8rem;color:#94a3b8;margin-bottom:12px;"><input type="checkbox" id="showToken" style="accent-color:#059669;"> Show token</label>
+      <div class="flex"><button class="btn btn-primary flex-1" onclick="setToken()">🔐 Set Token</button><button class="btn btn-outline" onclick="closeTokenPopup()">Cancel</button></div>
     </div>
   </div>
-
-  <script>
-  // ============================================================================
-  // HuggingFace Hub Module for ChatSeed v10 — FIXED
-  // ============================================================================
-  // FIXES:
-  //   1. commitFiles() now uses dynamic repo type path (spaces/models/datasets)
-  //      instead of hardcoded /api/models/ — fixes "Repository not found" on uploads
-  //   2. hf_delete_file() now uses the same dynamic path for commit endpoint
-  //   3. Added proper repo type resolution throughout
-  // ============================================================================
-
-  (function() {
-    'use strict';
-
-    // ─── Configuration ───────────────────────────────────────────────────────
-    const HF_API_BASE = 'https://huggingface.co';
-    const INFERENCE_API_BASE = 'https://api-inference.huggingface.co';
-
-    // ─── Helpers ─────────────────────────────────────────────────────────────
-
-    function getToken() {
-      try { return localStorage.getItem('chatseed_hf_token') || ''; } catch(e) { return ''; }
-    }
-    function setToken(token) {
-      try { localStorage.setItem('chatseed_hf_token', token); } catch(e) {}
-    }
-    function clearToken() {
-      try { localStorage.removeItem('chatseed_hf_token'); } catch(e) {}
-    }
-    function authHeader() {
-      const t = getToken();
-      if (!t) throw new Error('No HuggingFace token set. Use hf_set_token or hf_login_ui to set your HF access token first.');
-      return { 'Authorization': 'Bearer ' + t };
-    }
-    async function hfFetch(path, options = {}) {
-      const url = HF_API_BASE + path;
-      const headers = { ...authHeader(), 'Content-Type': 'application/json', ...(options.headers || {}) };
-      const res = await fetch(url, { ...options, headers });
-      if (!res.ok) {
-        let msg = '';
-        try { const err = await res.json(); msg = err.error || JSON.stringify(err); } catch(e) { msg = res.statusText; }
-        throw new Error('HF API ' + res.status + ': ' + msg);
-      }
-      if (res.status === 204) return null;
-      const ct = res.headers.get('content-type') || '';
-      if (ct.includes('application/json')) return res.json();
-      return res.text();
-    }
-    async function hfFetchText(path) {
-      const url = HF_API_BASE + path;
-      const headers = { ...authHeader() };
-      const res = await fetch(url, { headers });
-      if (!res.ok) {
-        let msg = '';
-        try { const err = await res.json(); msg = err.error || JSON.stringify(err); } catch(e) { msg = res.statusText; }
-        throw new Error('HF API ' + res.status + ': ' + msg);
-      }
-      return res.text();
-    }
-    function repoTypePath(type) {
-      switch(type) { case 'space': return 'spaces'; case 'model': return 'models'; case 'dataset': return 'datasets'; default: return 'spaces'; }
-    }
-    async function commitFiles(repoType, namespace, repo, files, summary, description) {
-      const rev = 'main';
-      const typePath = repoTypePath(repoType);
-      const body = {
-        summary: summary || 'Update via ChatSeed',
-        description: description || '',
-        files: files.map(f => ({ path: f.path, content: f.content, encoding: f.encoding || 'utf-8' }))
-      };
-      return hfFetch('/api/' + typePath + '/' + namespace + '/' + repo + '/commit/' + rev, {
-        method: 'POST', body: JSON.stringify(body)
-      });
-    }
-
-    // ─── Tool Implementations ────────────────────────────────────────────────
-    const tools = {};
-
-    // Authentication
-    tools.hf_set_token = {
-      handler: async function(args) {
-        const t = (args.token || '').trim();
-        if (!t || !t.startsWith('hf_')) return '⚠️ Invalid token format. Tokens start with hf_.';
-        const masked = t.substring(0, 6) + '…' + t.substring(t.length - 4);
-        setToken(t);
-        try {
-          const whoami = await hfFetch('/api/whoami-v2');
-          const name = whoami.name || whoami.user || 'unknown';
-          return '✅ **HuggingFace token stored** (' + masked + ')\n👤 Authenticated as: **' + name + '**\nYou can now use all HF tools.';
-        } catch(e) {
-          return '⚠️ Token stored (' + masked + ') but verification failed: ' + e.message;
-        }
-      }
-    };
-
-    tools.hf_token_status = {
-      handler: async function() {
-        const t = getToken();
-        if (!t) return '🔑 **No token stored.**';
-        const masked = t.substring(0, 6) + '…' + t.substring(t.length - 4);
-        try {
-          const info = await hfFetch('/api/whoami-v2');
-          const name = info.name || info.user || 'unknown';
-          return '🔑 **Token Status:** Active (' + masked + ')\n👤 **Authenticated as:** ' + name + '\n📧 **Email:** ' + (info.email || 'N/A') + '\n💳 **Can Pay:** ' + (info.canPay ? 'Yes' : 'No');
-        } catch(e) {
-          return '⚠️ **Token stored** (' + masked + ') but verification failed: ' + e.message;
-        }
-      }
-    };
-
-    tools.hf_whoami = {
-      handler: async function() {
-        try {
-          const info = await hfFetch('/api/whoami-v2');
-          let r = '**👤 HuggingFace User Info**\n**ID:** ' + (info.id || info.name || 'N/A') + '\n**Name:** ' + (info.name || info.user || 'N/A') + '\n**Email:** ' + (info.email || 'N/A') + '\n**Type:** ' + (info.type || info.org || 'user') + '\n**Can Pay:** ' + (info.canPay ? '✅ Yes' : '❌ No');
-          if (info.orgs && info.orgs.length) r += '\n**Organizations:** ' + info.orgs.map(o => o.name).join(', ');
-          return r;
-        } catch(e) { return '❌ Failed: ' + e.message; }
-      }
-    };
-
-    // Spaces
-    tools.hf_create_space = {
-      handler: async function(args) {
-        const namespace = args.org || (await hfFetch('/api/whoami-v2')).name;
-        const repoId = namespace + '/' + args.name;
-        const payload = { name: args.name, type: 'space', sdk: args.sdk || 'gradio', private: args.private || false };
-        if (args.title) payload.title = args.title;
-        if (args.license) payload.license = args.license;
-        if (args.hardware) payload.hardware = args.hardware;
-        if (args.sleep_time) payload.sleep_time = args.sleep_time;
-        const secrets = args.secrets ? (typeof args.secrets === 'string' ? JSON.parse(args.secrets) : args.secrets) : {};
-        const variables = args.variables ? (typeof args.variables === 'string' ? JSON.parse(args.variables) : args.variables) : {};
-        if (Object.keys(secrets).length) payload.secrets = secrets;
-        if (Object.keys(variables).length) payload.variables = variables;
-        const result = await hfFetch('/api/repos/create', { method: 'POST', body: JSON.stringify(payload) });
-        return '✅ **Space created!**\n\n**Repo:** ' + repoId + '\n**SDK:** ' + (args.sdk || 'gradio') + '\n**Visibility:** ' + (args.private ? '🔒 Private' : '🌍 Public') + '\n**URL:** https://huggingface.co/spaces/' + repoId + '\n**App:** https://' + namespace.replace(/\//g, '-') + '-' + args.name + '.hf.space' + (args.hardware ? '\n⚡ Hardware: ' + args.hardware : '') + (args.sleep_time ? '\n💤 Sleep: ' + args.sleep_time + 's' : '');
-      }
-    };
-
-    tools.hf_duplicate_space = {
-      handler: async function(args) {
-        const namespace = args.org || (await hfFetch('/api/whoami-v2')).name;
-        const repoId = namespace + '/' + args.name;
-        const secrets = args.secrets ? (typeof args.secrets === 'string' ? JSON.parse(args.secrets) : args.secrets) : {};
-        const variables = args.variables ? (typeof args.variables === 'string' ? JSON.parse(args.variables) : args.variables) : {};
-        const body = { from: args.from, name: args.name, namespace: namespace, private: args.private || false };
-        if (args.hardware) body.hardware = args.hardware;
-        if (args.sleep_time) body.sleep_time = args.sleep_time;
-        if (Object.keys(secrets).length) body.secrets = secrets;
-        if (Object.keys(variables).length) body.variables = variables;
-        const result = await hfFetch('/api/spaces/duplicate', { method: 'POST', body: JSON.stringify(body) });
-        return '✅ **Space duplicated!**\n\n**From:** ' + args.from + '\n**New Repo:** ' + repoId + '\n**URL:** https://huggingface.co/spaces/' + repoId;
-      }
-    };
-
-    tools.hf_delete_space = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1], { method: 'DELETE' });
-        return '✅ **Space deleted:** ' + args.repo_id;
-      }
-    };
-
-    // File Operations
-    tools.hf_upload_file = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const result = await commitFiles('space', parts[0], parts[1], [{ path: args.path, content: args.content }], args.summary || 'Update via ChatSeed', args.description || '');
-        return '✅ **File uploaded:** `' + args.path + '` → `' + args.repo_id + '`\n📝 ' + (args.summary || 'Update via ChatSeed');
-      }
-    };
-
-    tools.hf_upload_app = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const files = [{ path: 'app.py', content: args.app_code }];
-        if (args.requirements) files.push({ path: 'requirements.txt', content: args.requirements });
-        if (args.readme) files.push({ path: 'README.md', content: args.readme });
-        if (args.extra_files) {
-          const extras = typeof args.extra_files === 'string' ? JSON.parse(args.extra_files) : args.extra_files;
-          for (const [path, content] of Object.entries(extras)) files.push({ path, content: String(content) });
-        }
-        const result = await commitFiles('space', parts[0], parts[1], files, args.summary || 'Deploy app via ChatSeed', '');
-        return '✅ **App deployed to:** `' + args.repo_id + '`\n📦 **Files:** ' + files.map(f => '`' + f.path + '`').join(', ');
-      }
-    };
-
-    tools.hf_delete_file = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const body = { summary: args.summary || 'Delete ' + args.path, description: '', deletedEntries: [{ path: args.path }] };
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/commit/main', { method: 'POST', body: JSON.stringify(body) });
-        return '✅ **File deleted:** `' + args.path + '` from `' + args.repo_id + '`';
-      }
-    };
-
-    // Configuration
-    tools.hf_set_secret = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/secrets', { method: 'POST', body: JSON.stringify({ key: args.key, value: args.value }) });
-        return '🔐 **Secret set:** `' + args.key + '` in `' + args.repo_id + '`\n⚠️ Space will restart.';
-      }
-    };
-
-    tools.hf_delete_secret = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/secrets', { method: 'DELETE', body: JSON.stringify({ key: args.key }) });
-        return '🗑️ **Secret deleted:** `' + args.key + '` from `' + args.repo_id + '`';
-      }
-    };
-
-    tools.hf_set_hardware = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const body = { hardware: args.hardware };
-        if (args.sleep_time) body.sleep_time = args.sleep_time;
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/hardware', { method: 'POST', body: JSON.stringify(body) });
-        return '⚡ **Hardware change for:** `' + args.repo_id + '`\n**New:** ' + args.hardware + (args.sleep_time ? '\n**Sleep:** ' + args.sleep_time + 's' : '');
-      }
-    };
-
-    tools.hf_set_visibility = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/settings', { method: 'POST', body: JSON.stringify({ private: args.visibility === 'private' }) });
-        return (args.visibility === 'private' ? '🔒' : '🌍') + ' **Visibility changed to ' + args.visibility + ':** `' + args.repo_id + '`';
-      }
-    };
-
-    tools.hf_set_sleep = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/settings', { method: 'POST', body: JSON.stringify({ sleep_time: args.sleep_time }) });
-        const status = args.sleep_time === 0 ? '❌ Disabled' : '💤 ' + args.sleep_time + 's (' + Math.round(args.sleep_time/60) + ' min)';
-        return '✅ **Sleep configured:** `' + args.repo_id + '` → ' + status;
-      }
-    };
-
-    tools.hf_pause_space = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/pause', { method: 'POST' });
-        return '⏸️ **Space paused:** `' + args.repo_id + '`';
-      }
-    };
-
-    tools.hf_restart_space = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/restart', { method: 'POST' });
-        return '▶️ **Space restarting:** `' + args.repo_id + '`';
-      }
-    };
-
-    // Query / Status
-    tools.hf_space_status = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const runtime = await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1] + '/runtime');
-        const repoInfo = await hfFetch('/api/spaces/' + parts[0] + '/' + parts[1]);
-        const stageEmoji = { 'NO_APP_FILE': '📄', 'BUILDING': '🔨', 'RUNNING': '✅', 'RUNNING_BUILDING': '🔄', 'PAUSED': '⏸️', 'SLEEPING': '💤', 'STOPPED': '⛔', 'ERROR': '❌' };
-        const stage = runtime.stage || 'UNKNOWN';
-        return '**📊 Space Status:** `' + args.repo_id + '`\n\n**Stage:** ' + (stageEmoji[stage] || '❓') + ' ' + stage + '\n**SDK:** ' + (repoInfo.sdk || 'N/A') + '\n**Hardware:** ' + (runtime.hardware || 'cpu-basic') + '\n**Visibility:** ' + (repoInfo.private ? '🔒 Private' : '🌍 Public') + '\n**URL:** https://huggingface.co/spaces/' + args.repo_id + '\n**App:** https://' + parts[0] + '-' + parts[1] + '.hf.space';
-      }
-    };
-
-    tools.hf_space_logs = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        try {
-          const logs = await hfFetchText('/api/spaces/' + parts[0] + '/' + parts[1] + '/logs');
-          const truncated = logs.length > 3000 ? '... (truncated)\n' + logs.slice(-3000) : logs;
-          return '📋 **Logs for** `' + args.repo_id + '`\n```\n' + truncated + '\n```';
-        } catch(e) { return '❌ Could not fetch logs: ' + e.message; }
-      }
-    };
-
-    // Search / List
-    tools.hf_search_spaces = {
-      handler: async function(args) {
-        const limit = Math.min(Math.max(args.limit || 5, 1), 25);
-        const results = await hfFetch('/api/spaces?search=' + encodeURIComponent(args.query) + '&limit=' + limit + '&sort=likes');
-        if (!results || !results.length) return '🔍 No Spaces found for "' + args.query + '"';
-        let r = '🔍 **Spaces matching "' + args.query + '":**\n';
-        results.forEach((s, i) => {
-          const id = s.id || (s.namespace || '?') + '/' + (s.name || '?');
-          r += '\n' + (i+1) + '. **' + id + '**' + (s.sdk ? ' [' + s.sdk + ']' : '') + (s.likes ? ' ⭐' + s.likes : '') + '\n   https://huggingface.co/spaces/' + id;
-        });
-        return r;
-      }
-    };
-
-    tools.hf_list_my_spaces = {
-      handler: async function() {
-        const userInfo = await hfFetch('/api/whoami-v2');
-        const name = userInfo.name || userInfo.user;
-        const results = await hfFetch('/api/spaces?author=' + encodeURIComponent(name) + '&limit=25&sort=lastModified');
-        if (!results || !results.length) return '📭 No Spaces found under **' + name + '**';
-        let r = '📂 **Your Spaces (' + name + '):**\n';
-        results.forEach(s => {
-          const id = s.id || s.namespace + '/' + s.name;
-          r += '\n' + (s.private ? '🔒' : '🌍') + ' **' + id + '**' + (s.sdk ? ' [' + s.sdk + ']' : '') + (s.likes ? ' ⭐' + s.likes : '') + (s.runtime?.stage ? ' — ' + s.runtime.stage : '');
-        });
-        return r;
-      }
-    };
-
-    tools.hf_search_models = {
-      handler: async function(args) {
-        const limit = Math.min(Math.max(args.limit || 5, 1), 25);
-        const results = await hfFetch('/api/models?search=' + encodeURIComponent(args.query) + '&limit=' + limit + '&sort=likes');
-        if (!results || !results.length) return '🔍 No models found for "' + args.query + '"';
-        let r = '🔍 **Models matching "' + args.query + '":**\n';
-        results.forEach((m, i) => {
-          const id = m.id || (m.namespace || '?') + '/' + (m.name || '?');
-          r += '\n' + (i+1) + '. **' + id + '**' + (m.pipeline_tag ? ' [' + m.pipeline_tag + ']' : '') + (m.likes ? ' ⭐' + m.likes : '') + '\n   https://huggingface.co/' + id;
-        });
-        return r;
-      }
-    };
-
-    tools.hf_repo_info = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const type = repoTypePath(args.type || 'space');
-        const info = await hfFetch('/api/' + type + '/' + parts[0] + '/' + parts[1]);
-        let r = '**📦 Repo Info:** `' + args.repo_id + '`\n**Type:** ' + (args.type || 'space') + '\n**Visibility:** ' + (info.private ? '🔒 Private' : '🌍 Public') + '\n**Likes:** ⭐ ' + (info.likes || 0) + '\n**URL:** https://huggingface.co/' + args.repo_id;
-        if (info.sdk) r += '\n**SDK:** ' + info.sdk;
-        if (info.description) r += '\n**Description:** ' + info.description.substring(0, 200);
-        return r;
-      }
-    };
-
-    tools.hf_list_files = {
-      handler: async function(args) {
-        const parts = args.repo_id.split('/');
-        if (parts.length !== 2) return '❌ Invalid repo_id';
-        const type = repoTypePath(args.type || 'space');
-        const rev = args.revision || 'main';
-        const path = args.path || '';
-        const body = { paths: [path || '/'], expand: false };
-        const info = await hfFetch('/api/' + type + '/' + parts[0] + '/' + parts[1] + '/paths-info/' + rev, { method: 'POST', body: JSON.stringify(body) });
-        if (!info || !info.length) return '📁 No files at `' + (path || '/') + '` in `' + args.repo_id + '`';
-        let r = '📁 **Files in `' + args.repo_id + '/' + (path || '') + '` (' + rev + '):**\n';
-        info.forEach(f => { r += '\n' + (f.type === 'directory' ? '📁' : '📄') + ' `' + f.path + '`' + (f.size ? ' (' + (f.size / 1024).toFixed(1) + ' KB)' : ''); });
-        return r;
-      }
-    };
-
-    // ─── UI Functions ────────────────────────────────────────────────
-    const out = document.getElementById('output');
-    function log(msg) { out.textContent = msg; }
-
-    window.refreshStatus = async function() {
-      try { log(await tools.hf_token_status.handler()); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.listMySpaces = async function() {
-      try { log(await tools.hf_list_my_spaces.handler()); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.showTokenPopup = function() {
-      document.getElementById('tokenPopup').classList.remove('hidden');
-      document.getElementById('tokenInput').focus();
-    };
-
-    window.closeTokenPopup = function() {
-      document.getElementById('tokenPopup').classList.add('hidden');
-    };
-
-    window.setToken = async function() {
-      const input = document.getElementById('tokenInput');
-      const token = input.value.trim();
-      if (!token) return;
-      try {
-        const result = await tools.hf_set_token.handler({ token: token });
-        log(result);
-        closeTokenPopup();
-        updateUI();
-      } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.logout = function() {
-      clearToken();
-      updateUI();
-      log('🚪 Logged out. Token cleared.');
-    };
-
-    window.showCreateSpace = function() {
-      showModal('✨ Create Space', `
-        <input id="spaceName" placeholder="Space name (e.g. my-awesome-demo)">
-        <select id="spaceSdk">
-          <option value="gradio">Gradio</option>
-          <option value="streamlit">Streamlit</option>
-          <option value="docker">Docker</option>
-          <option value="static">Static</option>
-        </select>
-        <div class="flex">
-          <input id="spaceHardware" class="flex-1" placeholder="Hardware (optional, e.g. t4-medium)">
-          <input id="spaceSleep" class="flex-1" type="number" placeholder="Sleep sec (optional)">
-        </div>
-        <div class="flex mb-2">
-          <label style="display:flex;align-items:center;gap:6px;font-size:0.8rem;">
-            <input type="checkbox" id="spacePrivate" style="accent-color:#059669;"> Private
-          </label>
-        </div>
-        <button class="btn btn-primary" onclick="createSpace()">🚀 Create</button>
-      `);
-    };
-
-    window.createSpace = async function() {
-      const name = document.getElementById('spaceName').value.trim();
-      if (!name) return;
-      const args = { name: name, sdk: document.getElementById('spaceSdk').value };
-      if (document.getElementById('spacePrivate').checked) args.private = true;
-      const hw = document.getElementById('spaceHardware').value.trim();
-      if (hw) args.hardware = hw;
-      const sl = parseInt(document.getElementById('spaceSleep').value);
-      if (sl) args.sleep_time = sl;
-      try { log(await tools.hf_create_space.handler(args)); closeModal(); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.showSpaceStatus = function() {
-      showModal('📊 Space Status', `
-        <input id="statusRepoId" placeholder="namespace/space-name">
-        <button class="btn btn-primary" onclick="getSpaceStatus()">🔍 Check</button>
-      `);
-    };
-
-    window.getSpaceStatus = async function() {
-      const id = document.getElementById('statusRepoId').value.trim();
-      if (!id) return;
-      try { log(await tools.hf_space_status.handler({ repo_id: id })); closeModal(); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.showUploadFile = function() {
-      showModal('📄 Upload File', `
-        <input id="uploadRepoId" placeholder="namespace/space-name">
-        <input id="uploadPath" placeholder="File path (e.g. app.py)">
-        <textarea id="uploadContent" placeholder="File content..."></textarea>
-        <button class="btn btn-primary" onclick="uploadFile()">📤 Upload</button>
-      `);
-    };
-
-    window.uploadFile = async function() {
-      const repo_id = document.getElementById('uploadRepoId').value.trim();
-      const path = document.getElementById('uploadPath').value.trim();
-      const content = document.getElementById('uploadContent').value;
-      if (!repo_id || !path) return;
-      try { log(await tools.hf_upload_file.handler({ repo_id, path, content })); closeModal(); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    window.showSearchSpaces = function() {
-      showModal('🔎 Search Spaces', `
-        <input id="searchQuery" placeholder="Search query...">
-        <button class="btn btn-primary" onclick="searchSpaces()">🔍 Search</button>
-      `);
-    };
-
-    window.searchSpaces = async function() {
-      const q = document.getElementById('searchQuery').value.trim();
-      if (!q) return;
-      try { log(await tools.hf_search_spaces.handler({ query: q })); closeModal(); } catch(e) { log('❌ ' + e.message); }
-    };
-
-    function showModal(title, content) {
-      const area = document.getElementById('modalArea');
-      area.innerHTML = '<div class="modal-overlay" onclick="if(event.target===this)closeModal()"><div class="modal"><h2>' + title + '</h2>' + content + '</div></div>';
-    }
-
-    window.closeModal = function() {
-      document.getElementById('modalArea').innerHTML = '';
-    };
-
-    function updateUI() {
-      const t = getToken();
-      const label = document.getElementById('tokenLabel');
-      const statusText = document.getElementById('statusText');
-      if (t) {
-        label.innerHTML = '✅ <strong>Token set</strong> (' + t.substring(0, 6) + '…' + t.substring(t.length - 4) + ')';
-        statusText.textContent = 'Authenticated — ' + Object.keys(tools).length + ' tools ready';
-      } else {
-        label.innerHTML = '❌ No token set';
-        statusText.textContent = 'Click Login to get started';
-      }
-    }
-
-    // Init
-    const t = getToken();
-    if (t) {
-      (async () => {
-        try {
-          const info = await tools.hf_token_status.handler();
-          log(info + '\n\n---\n\n🚀 Welcome to ChatSeed HF Module v10!\nClick any button above to use the tools.');
-        } catch(e) {
-          log('⚠️ Token stored but verification failed: ' + e.message);
-        }
-      })();
-    } else {
-      log('👋 Welcome to ChatSeed HF Hub Manager v10!\n\nClick **Login** to set your HuggingFace token, then use the buttons above to manage your Spaces!');
-    }
-    updateUI();
-
-    // Show token toggle
-    document.getElementById('showToken').addEventListener('change', function() {
-      document.getElementById('tokenInput').type = this.checked ? 'text' : 'password';
-    });
-
-    // Enter key in token popup
-    document.getElementById('tokenInput').addEventListener('keydown', function(e) {
-      if (e.key === 'Enter') window.setToken();
-    });
-
-    console.log('[ChatSeed HF Module v10] Loaded — ' + Object.keys(tools).length + ' tools');
-  })();
-  </script>
+<script>
+(function(){
+  'use strict';
+  const HF_API_BASE='https://huggingface.co';
+  function gt(){try{return localStorage.getItem('chatseed_hf_token')||''}catch(e){return ''}}
+  function st(t){try{localStorage.setItem('chatseed_hf_token',t)}catch(e){}}
+  function ct(){try{localStorage.removeItem('chatseed_hf_token')}catch(e){}}
+  function ah(){const t=gt();if(!t)throw new Error('No HF token');return{Authorization:'Bearer '+t}}
+  async function hf(p,o={}){const u=HF_API_BASE+p;const h={...ah(),'Content-Type':'application/json',...o.headers||{}};const r=await fetch(u,{...o,headers:h});if(!r.ok){let m='';try{const e=await r.json();m=e.error||JSON.stringify(e)}catch(e){m=r.statusText}throw new Error('HF '+r.status+': '+m)}if(r.status===204)return null;const c=r.headers.get('content-type')||'';if(c.includes('application/json'))return r.json();return r.text()}
+  async function cf(rt,ns,repo,files,s,d){const body={summary:s||'Update',description:d||'',files:files.map(f=>({path:f.path,content:f.content}))};return hf('/api/spaces/'+ns+'/'+repo+'/commit/main',{method:'POST',body:JSON.stringify(body)})}
+  const tools={};
+  tools.hf_token_status={handler:async function(){const t=gt();if(!t)return'🔑 No token.';try{const i=await hf('/api/whoami-v2');return'🔑 **Active** ('+t.substring(0,6)+'…'+t.substring(t.length-4)+')\n👤 '+(i.name||i.user)+'\n📧 '+(i.email||'N/A')}catch(e){return'⚠�� Token stored but: '+e.message}}};
+  tools.hf_whoami={handler:async function(){try{const i=await hf('/api/whoami-v2');return'**👤 User**\nName: '+(i.name||i.user)+'\nEmail: '+(i.email||'N/A')+'\nOrg: '+(i.orgs?i.orgs.map(o=>o.name).join(', '):'none')}catch(e){return'❌ '+e.message}}};
+  tools.hf_list_my_spaces={handler:async function(){const u=await hf('/api/whoami-v2');const n=u.name||u.user;const r=await hf('/api/spaces?author='+encodeURIComponent(n)+'&limit=25&sort=lastModified');if(!r||!r.length)return'📭 No spaces.';let o='📂 **Spaces ('+n+'):**\n';r.forEach(s=>{o+='\n'+(s.private?'🔒':'🌍')+' **'+(s.id||s.namespace+'/'+s.name)+'**'+(s.sdk?' ['+s.sdk+']':'')+(s.runtime?.stage?' — '+s.runtime.stage:'')});return o}};
+  tools.hf_create_space={handler:async function(a){const ns=a.org||(await hf('/api/whoami-v2')).name;const p={name:a.name,type:'space',sdk:a.sdk||'gradio',private:a.private||false};if(a.hardware)p.hardware=a.hardware;if(a.sleep_time)p.sleep_time=a.sleep_time;const r=await hf('/api/repos/create',{method:'POST',body:JSON.stringify(p)});return'✅ **Created:** '+ns+'/'+a.name+'\n🔗 https://huggingface.co/spaces/'+ns+'/'+a.name}};
+  tools.hf_upload_file={handler:async function(a){const p=a.repo_id.split('/');if(p.length!==2)return'❌ Invalid';await cf('space',p[0],p[1],[{path:a.path,content:a.content}]);return'✅ Uploaded `'+a.path+'` → `'+a.repo_id+'`'}};
+  tools.hf_space_status={handler:async function(a){const p=a.repo_id.split('/');if(p.length!==2)return'❌ Invalid';const r=await hf('/api/spaces/'+p[0]+'/'+p[1]+'/runtime');const ri=await hf('/api/spaces/'+p[0]+'/'+p[1]);const em={'NO_APP_FILE':'📄','BUILDING':'🔨','RUNNING':'✅','PAUSED':'⏸️','SLEEPING':'💤','ERROR':'❌'};const s=r.stage||'UNKNOWN';return'**📊 Status:** `'+a.repo_id+'`\n**Stage:** '+(em[s]||'❓')+' '+s+'\n**SDK:** '+(ri.sdk||'N/A')+'\n**App:** https://'+p[0]+'-'+p[1]+'.hf.space'}};
+  tools.hf_search_spaces={handler:async function(a){const r=await hf('/api/spaces?search='+encodeURIComponent(a.query)+'&limit=5&sort=likes');if(!r||!r.length)return'🔍 None';let o='🔍 **"'+a.query+'"**\n';r.forEach((s,i)=>{o+='\n'+(i+1)+'. **'+(s.id||s.namespace+'/'+s.name)+'**'+(s.sdk?' ['+s.sdk+']':'')+(s.likes?' ⭐'+s.likes:'')});return o}};
+  tools.hf_repo_info={handler:async function(a){const p=a.repo_id.split('/');if(p.length!==2)return'❌ Invalid';const i=await hf('/api/spaces/'+p[0]+'/'+p[1]);return'**📦 '+a.repo_id+'**\n👁️ '+(i.private?'Private':'Public')+'\n⭐ '+(i.likes||0)+'\nSDK: '+(i.sdk||'N/A')+(i.description?'\n📝 '+i.description.substring(0,200):'')}};
+  const out=document.getElementById('output');
+  function log(m){out.textContent=m}
+  window.refreshStatus=async function(){try{log(await tools.hf_whoami.handler())}catch(e){log('❌ '+e.message)}};
+  window.listMySpaces=async function(){try{log(await tools.hf_list_my_spaces.handler())}catch(e){log('❌ '+e.message)}};
+  window.showTokenPopup=function(){document.getElementById('tokenPopup').classList.remove('hidden');document.getElementById('tokenInput').focus()};
+  window.closeTokenPopup=function(){document.getElementById('tokenPopup').classList.add('hidden')};
+  window.setToken=async function(){const v=document.getElementById('tokenInput').value.trim();if(!v)return;st(v);log('✅ Token set. Verifying...');try{const i=await hf('/api/whoami-v2');log('✅ **Authenticated as** '+(i.name||i.user));closeTokenPopup();updateUI()}catch(e){log('⚠️ Stored but verify failed: '+e.message);closeTokenPopup();updateUI()}};
+  window.logout=function(){ct();updateUI();log('🚪 Logged out.')};
+  window.showCreateSpace=function(){document.getElementById('modalArea').innerHTML='<div class="modal-overlay" onclick="if(event.target===this)closeModal()"><div class="modal"><h2>✨ Create Space</h2><input id="spName" placeholder="Space name"><select id="spSdk"><option value="gradio">Gradio</option><option value="streamlit">Streamlit</option><option value="docker">Docker</option><option value="static">Static</option></select><input id="spHw" placeholder="Hardware (optional)"><label style="display:flex;align-items:center;gap:6px;font-size:0.8rem;margin-bottom:12px;"><input type="checkbox" id="spPriv" style="accent-color:#059669;"> Private</label><button class="btn btn-primary" onclick="createSpace()">🚀 Create</button></div></div>'};
+  window.createSpace=async function(){const n=document.getElementById('spName').value.trim();if(!n)return;const a={name:n,sdk:document.getElementById('spSdk').value};if(document.getElementById('spPriv').checked)a.private=true;const h=document.getElementById('spHw').value.trim();if(h)a.hardware=h;try{log(await tools.hf_create_space.handler(a));closeModal()}catch(e){log('❌ '+e.message)}};
+  window.showSpaceStatus=function(){document.getElementById('modalArea').innerHTML='<div class="modal-overlay" onclick="if(event.target===this)closeModal()"><div class="modal"><h2>📊 Status</h2><input id="stRepo" placeholder="namespace/space-name"><button class="btn btn-primary" onclick="getStatus()">🔍 Check</button></div></div>'};
+  window.getStatus=async function(){const id=document.getElementById('stRepo').value.trim();if(!id)return;try{log(await tools.hf_space_status.handler({repo_id:id}));closeModal()}catch(e){log('❌ '+e.message)}};
+  window.showUploadFile=function(){document.getElementById('modalArea').innerHTML='<div class="modal-overlay" onclick="if(event.target===this)closeModal()"><div class="modal"><h2>📄 Upload</h2><input id="upRepo" placeholder="namespace/space-name"><input id="upPath" placeholder="path/to/file"><textarea id="upContent" placeholder="file content..."></textarea><button class="btn btn-primary" onclick="uploadFile()">📤 Upload</button></div></div>'};
+  window.uploadFile=async function(){const r=document.getElementById('upRepo').value.trim();const p=document.getElementById('upPath').value.trim();const c=document.getElementById('upContent').value;if(!r||!p)return;try{log(await tools.hf_upload_file.handler({repo_id:r,path:p,content:c}));closeModal()}catch(e){log('❌ '+e.message)}};
+  window.showSearchSpaces=function(){document.getElementById('modalArea').innerHTML='<div class="modal-overlay" onclick="if(event.target===this)closeModal()"><div class="modal"><h2>🔎 Search</h2><input id="sq" placeholder="Search..."><button class="btn btn-primary" onclick="searchSpaces()">🔍 Search</button></div></div>'};
+  window.searchSpaces=async function(){const q=document.getElementById('sq').value.trim();if(!q)return;try{log(await tools.hf_search_spaces.handler({query:q}));closeModal()}catch(e){log('❌ '+e.message)}};
+  window.closeModal=function(){document.getElementById('modalArea').innerHTML=''};
+  function updateUI(){const t=gt();const l=document.getElementById('tokenLabel');if(t){l.innerHTML='✅ <strong>Token set</strong> ('+t.substring(0,6)+'…'+t.substring(t.length-4)+')'}else{l.innerHTML='❌ No token set'}}
+  const t=gt();if(t){(async()=>{try{const i=await tools.hf_token_status.handler();log(i+'\n\n🚀 Click any button!')}catch(e){log('⚠️ '+e.message)}})()}updateUI()
+  document.getElementById('showToken').addEventListener('change',function(){document.getElementById('tokenInput').type=this.checked?'text':'password'});
+})();
+</script>
 </body>
 </html>