Upload folder using huggingface_hub

index.html

@@ -628,7 +628,188 @@
         .cli-desc { font-size: 0.85rem; color: var(--text-dim); }
         .cli-desc strong { color: var(--text-bright); font-weight: 600; }
 
-        /* ====== FOOTER ====== */
+        /* ====== TUI DEMO ====== */
+.tui-demo { max-width: 800px; margin: 0 auto; }
+.tui-terminal {
+    background: #0d0505;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 0 40px rgba(255, 0, 0, 0.15);
+}
+.tui-titlebar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    background: #1a0a0a;
+    border-bottom: 1px solid var(--border);
+}
+.tui-dot {
+    width: 12px; height: 12px;
+    border-radius: 50%;
+}
+.tui-dot.red { background: #ff5f57; }
+.tui-dot.yellow { background: #febc2e; }
+.tui-dot.green { background: #28c840; }
+.tui-title {
+    font-family: var(--font-code);
+    font-size: 0.75rem;
+    color: var(--text-dim);
+    margin-left: 8px;
+}
+.tui-content {
+    padding: 16px;
+    height: 320px;
+    overflow-y: auto;
+    font-family: var(--font-code);
+    font-size: 0.8rem;
+    line-height: 1.5;
+}
+.tui-content pre {
+    white-space: pre-wrap;
+    margin: 0;
+}
+.tui-controls {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    margin-top: 16px;
+    flex-wrap: wrap;
+}
+.btn-tui {
+    font-family: var(--font-code);
+    font-size: 0.8rem;
+    padding: 8px 16px;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    color: var(--text);
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+.btn-tui:hover {
+    border-color: var(--accent);
+    background: var(--bg-card-hover);
+    box-shadow: 0 0 12px var(--glow);
+}
+.tui-cursor { animation: blink 1s step-end infinite; }
+@keyframes blink { 50% { opacity: 0; } }
+.tui-green { color: #28c840; }
+.tui-red { color: #ff5f57; }
+.tui-yellow { color: #febc2e; }
+.tui-cyan { color: #00d4ff; }
+.tui-dim { color: var(--text-dim); }
+
+/* ====== MODEL DOWNLOAD ====== */
+.model-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    padding: 32px;
+    max-width: 800px;
+    margin: 0 auto;
+}
+.model-header {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-bottom: 24px;
+    flex-wrap: wrap;
+}
+.model-name {
+    font-family: var(--font-code);
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: var(--accent);
+}
+.model-badge {
+    font-size: 0.75rem;
+    padding: 4px 10px;
+    background: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: 20px;
+    color: var(--text-dim);
+}
+.model-stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 16px;
+    margin-bottom: 28px;
+}
+.model-stat {
+    background: var(--bg);
+    border-radius: 10px;
+    padding: 16px;
+    text-align: center;
+}
+.stat-label {
+    display: block;
+    font-size: 0.7rem;
+    color: var(--text-dim);
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: 6px;
+}
+.stat-value {
+    display: block;
+    font-family: var(--font-code);
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: var(--text-bright);
+}
+.stat-value.good { color: #28c840; }
+.stat-dim {
+    display: block;
+    font-size: 0.7rem;
+    color: var(--text-dim);
+    margin-top: 4px;
+}
+.model-variants h4, .model-quick h4 {
+    font-size: 0.9rem;
+    color: var(--text);
+    margin-bottom: 12px;
+}
+.variant-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 10px;
+    margin-bottom: 24px;
+}
+.variant-link {
+    display: flex;
+    flex-direction: column;
+    padding: 14px;
+    background: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    text-decoration: none;
+    transition: all 0.2s;
+}
+.variant-link:hover {
+    border-color: var(--accent);
+    box-shadow: 0 0 16px var(--glow);
+    transform: translateY(-2px);
+}
+.variant-name {
+    font-family: var(--font-code);
+    font-weight: 600;
+    color: var(--text-bright);
+    font-size: 0.9rem;
+}
+.variant-size {
+    font-family: var(--font-code);
+    font-size: 0.8rem;
+    color: var(--accent);
+    margin-top: 4px;
+}
+.variant-desc {
+    font-size: 0.7rem;
+    color: var(--text-dim);
+    margin-top: 2px;
+}
+
+/* ====== FOOTER ====== */
         footer {
             border-top: 1px solid var(--border);
             padding: 40px 0;
@@ -695,14 +876,14 @@
 <nav>
     <div class="container">
         <a href="#hero" class="nav-logo">CK<span style="color:var(--text-bright)">Claw</span></a>
-        <ul class="nav-links">
-            <li><a href="#features">Features</a></li>
-            <li><a href="#simulator">Simulator</a></li>
-            <li><a href="#arsenal">Arsenal</a></li>
-            <li><a href="#compat">Compatibility</a></li>
-            <li><a href="#install">Install</a></li>
-            <li><a href="#cli">CLI</a></li>
-        </ul>
+<ul class="nav-links">
+                <li><a href="#features">Features</a></li>
+                <li><a href="#pipeline">Pipeline</a></li>
+                <li><a href="#arsenal">Arsenal</a></li>
+                <li><a href="#tui">TUI</a></li>
+                <li><a href="#model">Model</a></li>
+                <li><a href="#install">Install</a></li>
+            </ul>
     </div>
 </nav>
 
@@ -915,6 +1096,119 @@ curl -fsSL https://raw.githubusercontent.com/cimengror3/CKClaw/main/install-ckcl
     </div>
 </section>
 
+<!-- LLAMA-MANAGER TUI -->
+<section id="tui">
+    <div class="container">
+        <div class="section-header">
+            <h2 class="section-title">llama-manager <span class="hl">TUI</span></h2>
+            <p class="section-desc">Terminal UI for managing llama.cpp — start servers, download GGUF models, monitor inference in real time</p>
+        </div>
+        <div class="tui-demo">
+            <div class="tui-terminal">
+                <div class="tui-titlebar">
+                    <span class="tui-dot red"></span>
+                    <span class="tui-dot yellow"></span>
+                    <span class="tui-dot green"></span>
+                    <span class="tui-title">llama-manager — Dashboard</span>
+                </div>
+                <div class="tui-content" id="tui-screen">
+                    <pre id="tui-output"></pre>
+                </div>
+            </div>
+            <div class="tui-controls">
+                <button class="btn-tui" onclick="showTuiTab('dashboard')">📊 Dashboard</button>
+                <button class="btn-tui" onclick="showTuiTab('models')">📦 Models</button>
+                <button class="btn-tui" onclick="showTuiTab('versions')">🔧 Versions</button>
+                <button class="btn-tui" onclick="showTuiTab('profiles')">⚙️ Profiles</button>
+            </div>
+        </div>
+        <div class="tui-install">
+            <div class="install-block" style="margin-top:24px;">
+                <div class="install-header">
+                    <span>bash</span>
+                    <button class="btn-copy" onclick="copyCmd('npm install -g llama-manager', this)">Copy</button>
+                </div>
+                <div class="install-code"><span class="comment"># Install llama-manager</span>
+npm install -g llama-manager
+llama-manager</div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- MODEL DOWNLOAD -->
+<section id="model">
+    <div class="container">
+        <div class="section-header">
+            <h2 class="section-title">Model <span class="hl">Download</span></h2>
+            <p class="section-desc">Get the uncensored heretic model for CKClaw red team research</p>
+        </div>
+        <div class="model-card">
+            <div class="model-header">
+                <div class="model-name">gemma-4-E4B-it-ultra-uncensored-heretic</div>
+                <div class="model-badge">8B params · GGUF</div>
+            </div>
+            <div class="model-stats">
+                <div class="model-stat">
+                    <span class="stat-label">Refusals</span>
+                    <span class="stat-value good">3/100</span>
+                    <span class="stat-dim">(original: 99/100)</span>
+                </div>
+                <div class="model-stat">
+                    <span class="stat-label">KL Divergence</span>
+                    <span class="stat-value">0.0076</span>
+                    <span class="stat-dim">(preserves quality)</span>
+                </div>
+                <div class="model-stat">
+                    <span class="stat-label">MMLU Accuracy</span>
+                    <span class="stat-value">68.6%</span>
+                    <span class="stat-dim">(original: 69.5%)</span>
+                </div>
+            </div>
+            <div class="model-variants">
+                <h4>Available Quantizations</h4>
+                <div class="variant-grid">
+                    <a href="https://huggingface.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF/resolve/main/gemma-4-E4B-it-ultra-uncensored-heretic-Q4_K_M.gguf" target="_blank" class="variant-link">
+                        <span class="variant-name">Q4_K_M</span>
+                        <span class="variant-size">5.34 GB</span>
+                        <span class="variant-desc">Best for limited VRAM</span>
+                    </a>
+                    <a href="https://huggingface.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF/resolve/main/gemma-4-E4B-it-ultra-uncensored-heretic-Q5_K_M.gguf" target="_blank" class="variant-link">
+                        <span class="variant-name">Q5_K_M</span>
+                        <span class="variant-size">5.76 GB</span>
+                        <span class="variant-desc">Good balance</span>
+                    </a>
+                    <a href="https://huggingface.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF/resolve/main/gemma-4-E4B-it-ultra-uncensored-heretic-Q6_K.gguf" target="_blank" class="variant-link">
+                        <span class="variant-name">Q6_K</span>
+                        <span class="variant-size">6.22 GB</span>
+                        <span class="variant-desc">Excellent quality</span>
+                    </a>
+                    <a href="https://huggingface.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF/resolve/main/gemma-4-E4B-it-ultra-uncensored-heretic-Q8_0.gguf" target="_blank" class="variant-link">
+                        <span class="variant-name">Q8_0</span>
+                        <span class="variant-size">8.03 GB</span>
+                        <span class="variant-desc">Near-lossless</span>
+                    </a>
+                    <a href="https://huggingface.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF/resolve/main/gemma-4-E4B-it-ultra-uncensored-heretic-BF16.gguf" target="_blank" class="variant-link">
+                        <span class="variant-name">BF16</span>
+                        <span class="variant-size">15.1 GB</span>
+                        <span class="variant-desc">Full precision</span>
+                    </a>
+                </div>
+            </div>
+            <div class="model-quick">
+                <h4>Quick Start with Ollama</h4>
+                <div class="install-block" style="margin:0;">
+                    <div class="install-header">
+                        <span>bash</span>
+                        <button class="btn-copy" onclick="copyCmd('ollama run hf.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF:Q4_K_M', this)">Copy</button>
+                    </div>
+                    <div class="install-code">ollama run hf.co/DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic-GGUF:Q4_K_M</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
 <!-- FOOTER -->
 <footer>
     <div class="container">
@@ -1098,6 +1392,100 @@ function copyInstall(btn) {
         }, 2000);
     });
 }
+function copyCmd(cmd, btn) {
+    navigator.clipboard.writeText(cmd).then(() => {
+        btn.textContent = 'Copied!';
+        setTimeout(() => { btn.textContent = 'Copy'; }, 2000);
+    });
+}
+
+// ====== TUI DEMO ======
+const TUI_SCREENS = {
+    dashboard: `<span class="tui-cyan">╔══════════════════════════════════════════════════════════════╗</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">██╗  ██╗██╗     ██╗     ██████╗</span>    <span class="tui-green">Server: RUNNING</span>         <span class="tui-cyan">║</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">██║ ██╔╝██║     ██║    ██╔════╝</span>    <span class="tui-dim">Model: gemma-4-E4B</span>      <span class="tui-cyan">║</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">█████╔╝ ██║     ██║    ██║</span>         <span class="tui-dim">Backend: CUDA</span>           <span class="tui-cyan">║</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">██╔═██╗ ██║     ██║    ██║</span>         <span class="tui-dim">Slots: 4/4 active</span>       <span class="tui-cyan">║</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">██║  ██╗███████╗██║    ╚██████╗</span>    <span class="tui-green">Uptime: 2h 34m</span>         <span class="tui-cyan">║</span>
+<span class="tui-cyan">║</span>  <span class="tui-red">╚═╝  ╚═╝╚══════╝╚═╝     ╚═════╝</span>   <span class="tui-dim">Port: 8080</span>              <span class="tui-cyan">║</span>
+<span class="tui-cyan">╚══════════════════════════════════════════════════════════════╝</span>
+
+<span class="tui-yellow">┌─ Slot Metrics ─────────────────────────────────────────────┐</span>
+<span class="tui-dim">│</span> <span class="tui-green">Slot 0:</span> 42.3 tok/s  <span class="tui-dim">│</span> <span class="tui-green">Slot 1:</span> 38.7 tok/s  <span class="tui-dim">│</span> <span class="tui-green">Slot 2:</span> 41.1 tok/s  <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-green">Slot 3:</span> 39.8 tok/s  <span class="tui-dim">│</span> <span class="tui-dim">Avg:</span> 40.5 tok/s     <span class="tui-dim">│</span> <span class="tui-dim">Total:</span> 12,847 tok  <span class="tui-dim">│</span>
+<span class="tui-yellow">└────────────────────────────────────────────────────────────┘</span>
+
+<span class="tui-red">┌─ Recent Tasks ─────────────────────────────────────────────┐</span>
+<span class="tui-dim">│</span> <span class="tui-green">✓</span> chat-completion   <span class="tui-dim">142 tokens</span>  <span class="tui-cyan">38.2 tok/s</span>  <span class="tui-dim">2m ago</span>      <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-green">✓</span> completion        <span class="tui-dim">89 tokens</span>   <span class="tui-cyan">41.7 tok/s</span>  <span class="tui-dim">5m ago</span>      <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-green">✓</span> embedding         <span class="tui-dim">512 tokens</span>  <span class="tui-cyan">128.4 tok/s</span> <span class="tui-dim">8m ago</span>      <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-green">✓</span> chat-completion   <span class="tui-dim">203 tokens</span>  <span class="tui-cyan">39.1 tok/s</span>  <span class="tui-dim">12m ago</span>     <span class="tui-dim">│</span>
+<span class="tui-red">└────────────────────────────────────────────────────────────┘</span>
+
+<span class="tui-dim">Press 1-7 to switch tabs │ ? for help │ Ctrl+T theme │ q quit</span><span class="tui-cursor">█</span>`,
+
+    models: `<span class="tui-cyan">┌─ Models ─────────────────────────────────────────────────┐</span>
+<span class="tui-cyan">│</span> <span class="tui-yellow">Local Models</span>                                              <span class="tui-cyan">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-dim">│</span> <span class="tui-green">►</span> <span class="tui-red">gemma-4-E4B-it-ultra-uncensored-heretic-Q4_K_M.gguf</span>    <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">5.34 GB │ Q4_K_M │ Active</span>                              <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">llama.cpp-1234/bin/llama-server</span>                        <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">Model loaded │ CUDA backend │ 4 slots</span>                 <span class="tui-dim">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-cyan">│</span> <span class="tui-yellow">Hugging Face Browser</span>                                     <span class="tui-cyan">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-dim">│</span> Search: <span class="tui-green">gemma-4 uncensored GGUF</span>                           <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-green">►</span> DollasAndSpence/gemma-4-E4B-it-ultra-uncensored-heretic <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">↓ Q4_K_M (5.34 GB) │ ↓ Q5_K_M (5.76 GB) │ ↓ Q8_0 (8 GB)</span><span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span> <span class="tui-dim">  Loading... ████████████████░░░░ 78% │ 4.17 GB / 5.34 GB</span> <span class="tui-dim">│</span>
+<span class="tui-cyan">└────────────────────────────────────────────────────────────┘</span>
+
+<span class="tui-dim">↑↓ navigate │ Enter select │ d delete │ n download │ / search</span><span class="tui-cursor">█</span>`,
+
+    versions: `<span class="tui-cyan">┌─ Versions ────────────────────────────────────────────────┐</span>
+<span class="tui-cyan">│</span> <span class="tui-yellow">Installed Builds</span>                                          <span class="tui-cyan">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-dim">│</span> <span class="tui-green">►</span> <span class="tui-green">b4521</span> (active) — CUDA 12.4 — <span class="tui-green">Apr 15, 2026</span>             <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">/home/user/.local/share/llama-manager/versions/b4521/</span>  <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">b4380 — CUDA 12.4 — Mar 28, 2026</span>                       <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">b4291 — CUDA 12.3 — Mar 10, 2026</span>                       <span class="tui-dim">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-cyan">│</span> <span class="tui-yellow">Available Releases</span>                                        <span class="tui-cyan">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-dim">│</span> <span class="tui-green">►</span> b4521 — <span class="tui-green">Latest</span> — CUDA 12.4 — <span class="tui-dim">Apr 15, 2026</span>            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">b4487 — CUDA 12.4 — Apr 08, 2026</span>                       <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">b4421 — CUDA 12.4 — Mar 28, 2026</span>                       <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">b4380 — CUDA 12.3 — Mar 20, 2026</span>                       <span class="tui-dim">│</span>
+<span class="tui-cyan">└────────────────────────────────────────────────────────────┘</span>
+
+<span class="tui-dim">↑↓ navigate │ i install │ s switch │ u uninstall │ r refresh</span><span class="tui-cursor">█</span>`,
+
+    profiles: `<span class="tui-cyan">┌─ Profiles ────────────────────────────────────────────────┐</span>
+<span class="tui-cyan">│</span> <span class="tui-yellow">Server Configurations</span>                                     <span class="tui-cyan">│</span>
+<span class="tui-cyan">├──────────────────────────────────────────────────────────────┤</span>
+<span class="tui-dim">│</span> <span class="tui-green">►</span> <span class="tui-red">ckclaw-redteam</span> — High-performance red team config      <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">Model:</span> <span class="tui-green">gemma-4-E4B-it-ultra-uncensored-heretic-Q4_K_M</span>  <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">Slots:</span> <span class="tui-cyan">8</span>  <span class="tui-dim">│  Ctx:</span> <span class="tui-cyan">32768</span>  <span class="tui-dim">│  GPU:</span> <span class="tui-cyan">auto</span>  <span class="tui-dim">│  Batch:</span> <span class="tui-cyan">512</span>    <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">--n-gpu-layers 99 --ctx-size 32768 --parallel 8</span>        <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">--cont-batching --flash-attn --no-mmap</span>                 <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>                                                            <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">default — Balanced config</span>                               <span class="tui-dim">│</span>
+<span class="tui-dim">│</span>   <span class="tui-dim">minimal — CPU-only fallback</span>                             <span class="tui-dim">│</span>
+<span class="tui-cyan">└────────────────────────────────────────────────────────────┘</span>
+
+<span class="tui-dim">↑↓ navigate │ Enter edit │ n new │ d delete │ e export</span><span class="tui-cursor">█</span>`
+};
+
+function showTuiTab(tab) {
+    document.getElementById('tui-output').innerHTML = TUI_SCREENS[tab];
+}
+// Init TUI
+showTuiTab('dashboard');
 </script>
 </body>
 </html>