Spaces:

ruslanmv
/

HomePilot-Installer

Sleeping

App Files Files Community

HomePilot Deploy Bot commited on 9 days ago

Commit

bd09507

unverified ·

1 Parent(s): 0612bd6

chore: sync installer from monorepo

Browse files

Files changed (1) hide show

app.py +426 -314

app.py CHANGED Viewed

@@ -1,371 +1,509 @@
 """
-HomePilot Installer — Hugging Face Space
-A Gradio-based wizard that helps users install HomePilot into their own
-private HF Space. Uses the Two-Space Architecture:
-  1. THIS Space (Installer) — public, lightweight Gradio UI
-  2. User's Space (Builder)  — private, Docker + Ollama + GPU
-The installer:
-  - Authenticates via HF token
-  - Creates a new private Docker Space in the user's account
-  - Pushes the HomePilot template (Dockerfile + backend + frontend + personas)
-  - Guides the user to enable GPU hardware
 """
 import json
 import os
 import subprocess
 import tempfile
-import time
 from pathlib import Path
 import gradio as gr
-# ── Constants ────────────────────────────────────────────
 TEMPLATE_REPO = os.environ.get("TEMPLATE_REPO", "ruslanmv/HomePilot")
-DEFAULT_SPACE_NAME = "HomePilot"
-BUILDER_DIR = Path(__file__).parent.parent / "builder"
-# If running standalone (not inside the full repo), check local dir
-if not BUILDER_DIR.exists():
-    BUILDER_DIR = Path(__file__).parent / "builder"
-INSTALL_STEPS = [
-    {"id": "auth", "label": "Autenticación", "icon": "🔑"},
-    {"id": "configure", "label": "Configuración", "icon": "⚙️"},
-    {"id": "install", "label": "Instalación", "icon": "🚀"},
-    {"id": "done", "label": "Listo", "icon": "✅"},
-]
-# ── CSS (HomePilot dark theme) ───────────────────────────
-CUSTOM_CSS = """
 .gradio-container {
-    background: linear-gradient(135deg, #0f0a1a 0%, #1a1030 50%, #0d1117 100%) !important;
-    min-height: 100vh;
 }
-.main-header {
     text-align: center;
-    padding: 2rem 1rem;
 }
-.main-header h1 {
-    background: linear-gradient(135deg, #a855f7, #6366f1, #22d3ee);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    font-size: 2.5rem;
-    font-weight: 900;
-    letter-spacing: -0.02em;
 }
-.main-header p {
-    color: #94a3b8;
-    font-size: 0.95rem;
-    margin-top: 0.5rem;
 }
-.step-card {
-    background: rgba(255,255,255,0.03) !important;
-    border: 1px solid rgba(255,255,255,0.08) !important;
-    border-radius: 12px !important;
-    padding: 1.5rem !important;
 }
-.status-badge {
-    display: inline-block;
-    padding: 4px 12px;
     border-radius: 999px;
-    font-size: 0.75rem;
     font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: 0.05em;
 }
-.persona-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
     gap: 8px;
-    margin-top: 12px;
 }
-.persona-chip {
-    background: rgba(168, 85, 247, 0.1);
-    border: 1px solid rgba(168, 85, 247, 0.2);
-    border-radius: 8px;
     padding: 8px 12px;
-    color: #c084fc;
-    font-size: 0.8rem;
     font-weight: 600;
 }
-"""
-# ── Persona list ─────────────────────────────────────────
-CHATA_PERSONAS = {
-    "starter_pack": [
-        "Lunalite Greeter", "Chillbro Regular",
-        "Curiosa Driver", "Hypekid Reactions",
-    ],
-    "retro_pack": [
-        "Volt Buddy", "Ronin Zero", "Rival Kaiju",
-        "Glitchbyte", "Questkid 99", "Sigma Sage",
-        "Wildcard Loki", "Oldroot Oracle", "Morphling X",
-        "Nova Void",
-    ],
 }
-# ── Core Functions ───────────────────────────────────────
 def validate_token(token: str) -> tuple[str, str, str]:
-    """Validate HF token and return (status, username, message)."""
     if not token or len(token) < 10:
-        return "error", "", "❌ Token vacío o muy corto"
     try:
-        result = subprocess.run(
-            ["python3", "-c", f"""
-import requests
-r = requests.get("https://huggingface.co/api/whoami-v2",
-                 headers={{"Authorization": "Bearer {token}"}}, timeout=10)
-if r.ok:
-    d = r.json()
-    print(d.get("name", "unknown"))
-else:
-    print(f"ERROR:{{r.status_code}}")
-"""],
-            capture_output=True, text=True, timeout=15
         )
-        username = result.stdout.strip()
-        if username.startswith("ERROR:"):
-            return "error", "", f"❌ Token inválido ({username})"
-        if username:
-            return "ok", username, f"✅ Autenticado como **{username}**"
-        return "error", "", "❌ No pude verificar el token"
     except Exception as e:
-        return "error", "", f"❌ Error: {e}"
-def create_user_space(token: str, username: str, space_name: str,
-                      private: bool, model: str) -> tuple[str, str]:
-    """Create a new Space in the user's account and push the template."""
     repo_id = f"{username}/{space_name}"
-    log_lines = []
     def log(msg):
-        log_lines.append(msg)
-        return "\n".join(log_lines)
-    yield log(f"📦 Creando Space **{repo_id}**...")
     try:
-        # Step 1: Create the Space
         import requests
         r = requests.post(
             "https://huggingface.co/api/repos/create",
-            headers={
-                "Authorization": f"Bearer {token}",
-                "Content-Type": "application/json",
-            },
-            json={
-                "type": "space",
-                "name": space_name,
-                "private": private,
-                "sdk": "docker",
-            },
             timeout=30,
         )
         if r.ok:
-            yield log("✅ Space creado")
         elif r.status_code == 409:
-            yield log("⚠️ Space ya existe — actualizando")
         else:
-            yield log(f"❌ Error creando Space: {r.status_code} {r.text[:200]}")
             return
-        # Step 2: Clone the template
-        yield log("📥 Clonando template de HomePilot...")
         with tempfile.TemporaryDirectory() as tmpdir:
             remote = f"https://user:{token}@huggingface.co/spaces/{repo_id}"
-            # Try to clone existing, or init new
-            clone_result = subprocess.run(
                 ["git", "-c", "credential.helper=", "clone", "--depth", "1",
-                 remote, tmpdir + "/space"],
-                capture_output=True, text=True, timeout=30,
             )
-            space_dir = tmpdir + "/space"
-            if clone_result.returncode != 0:
-                os.makedirs(space_dir, exist_ok=True)
-                subprocess.run(["git", "init", "-b", "main", space_dir],
-                               capture_output=True, timeout=10)
-                subprocess.run(
-                    ["git", "-C", space_dir, "remote", "add", "origin", remote],
-                    capture_output=True, timeout=10,
-                )
-            # Wipe and copy template
-            for item in Path(space_dir).iterdir():
-                if item.name != ".git":
-                    if item.is_dir():
-                        import shutil
-                        shutil.rmtree(item)
-                    else:
-                        item.unlink()
-            yield log("📁 Copiando archivos del template...")
-            # Copy from the template repo (clone it first)
-            template_remote = f"https://user:{token}@huggingface.co/spaces/{TEMPLATE_REPO}"
-            template_dir = tmpdir + "/template"
-            subprocess.run(
                 ["git", "-c", "credential.helper=", "clone", "--depth", "1",
-                 template_remote, template_dir],
-                capture_output=True, text=True, timeout=60,
             )
-            # Copy template files to user space
-            import shutil
-            for item in Path(template_dir).iterdir():
                 if item.name == ".git":
                     continue
                 dest = Path(space_dir) / item.name
-                if item.is_dir():
-                    shutil.copytree(item, dest)
-                else:
-                    shutil.copy2(item, dest)
-            # Customize README with user's settings
-            readme_path = Path(space_dir) / "README.md"
-            if readme_path.exists():
-                content = readme_path.read_text()
-                content = content.replace("ruslanmv/HomePilot", repo_id)
-                readme_path.write_text(content)
-            yield log(f"🤖 Configurando modelo: **{model}**...")
-            # Patch start.sh with custom model
-            start_path = Path(space_dir) / "start.sh"
-            if start_path.exists():
-                content = start_path.read_text()
-                content = content.replace(
-                    'OLLAMA_MODEL=${OLLAMA_MODEL:-qwen2.5:1.5b}',
-                    f'OLLAMA_MODEL=${{OLLAMA_MODEL:-{model}}}',
-                )
-                start_path.write_text(content)
-            yield log("📤 Subiendo a Hugging Face...")
-            # Setup LFS
-            subprocess.run(["git", "lfs", "install", "--local"],
-                           capture_output=True, cwd=space_dir, timeout=10)
-            subprocess.run(
-                ["git", "lfs", "track", "*.hpersona", "*.png", "*.jpg",
-                 "*.webp", "*.svg", "*.woff", "*.woff2"],
-                capture_output=True, cwd=space_dir, timeout=10,
-            )
-            # Commit and push
-            subprocess.run(
-                ["git", "-C", space_dir, "-c", "[email protected]",
-                 "-c", "user.name=HomePilot Installer", "add", "-A"],
-                capture_output=True, timeout=30,
-            )
-            subprocess.run(
-                ["git", "-C", space_dir, "-c", "[email protected]",
-                 "-c", "user.name=HomePilot Installer", "commit", "-m",
-                 "feat: HomePilot installed via installer wizard"],
-                capture_output=True, timeout=30,
-            )
-            push_result = subprocess.run(
                 ["git", "-C", space_dir, "push", "--force", remote, "HEAD:main"],
                 capture_output=True, text=True, timeout=120,
             )
-            if push_result.returncode == 0:
-                yield log("✅ Template subido exitosamente")
             else:
-                yield log(f"❌ Error en push: {push_result.stderr[:300]}")
                 return
         space_url = f"https://huggingface.co/spaces/{repo_id}"
         yield log(f"""
-🎉 **¡Instalación completa!**
 Tu HomePilot está en: [{repo_id}]({space_url})
 **Próximos pasos:**
-1. Ve a **Settings → Hardware** en tu Space
-2. Selecciona **GPU (T4 small)** para mejor rendimiento
-3. O déjalo en **CPU basic** (funciona pero más lento)
-4. Espera ~2 min para el primer arranque (descarga modelo)
-**Personas pre-instaladas:** 14 Chata personas listas para usar
-""")
     except Exception as e:
-        yield log(f"❌ Error inesperado: {e}")
 # ── Gradio UI ────────────────────────────────────────────
 def build_ui():
-    with gr.Blocks(
-        title="HomePilot Installer",
-        css=CUSTOM_CSS,
-        theme=gr.themes.Soft(
-            primary_hue="purple",
-            secondary_hue="blue",
-            neutral_hue="slate",
-        ),
-    ) as app:
-        # ── Header ──────────────────────────────────
         gr.HTML("""
-        <div class="main-header">
-            <h1>🏠 HomePilot Installer</h1>
-            <p>Instala tu propio HomePilot con IA privada en Hugging Face Spaces</p>
-            <div style="margin-top: 1rem; display: flex; justify-content: center; gap: 8px;">
-                <span class="persona-chip">14 Chata Personas</span>
-                <span class="persona-chip">Ollama Built-in</span>
-                <span class="persona-chip">GPU Ready</span>
             </div>
         </div>
         """)
-        # ── Step 1: Auth ────────────────────────────
-        with gr.Group(elem_classes="step-card"):
-            gr.Markdown("### 🔑 Paso 1 — Autenticación")
-            gr.Markdown(
-                "Necesitas un [token de Hugging Face](https://huggingface.co/settings/tokens) "
-                "con permisos de **write**."
-            )
             with gr.Row():
-                token_input = gr.Textbox(
-                    label="HF Token",
-                    placeholder="hf_...",
-                    type="password",
-                    scale=3,
-                )
                 verify_btn = gr.Button("Verificar", variant="primary", scale=1)
             auth_status = gr.Markdown("")
             username_state = gr.State("")
-        # ── Step 2: Configure ───────────────────────
-        with gr.Group(elem_classes="step-card"):
-            gr.Markdown("### ⚙️ Paso 2 — Configuración")
             with gr.Row():
-                space_name = gr.Textbox(
-                    label="Nombre del Space",
-                    value="HomePilot",
-                    placeholder="HomePilot",
-                    scale=2,
-                )
-                private_toggle = gr.Checkbox(
-                    label="Privado",
-                    value=True,
-                    scale=1,
-                )
             model_choice = gr.Dropdown(
                 label="Modelo LLM",
                 choices=[
@@ -373,82 +511,56 @@ def build_ui():
                     ("Qwen 2.5 3B (mejor calidad)", "qwen2.5:3b"),
                     ("Llama 3 8B (poderoso, necesita GPU)", "llama3:8b"),
                     ("Gemma 2B (equilibrado)", "gemma:2b"),
-                    ("Phi 3 Mini (Microsoft, compacto)", "phi3:mini"),
                 ],
                 value="qwen2.5:1.5b",
             )
-            # Persona preview
-            gr.Markdown("#### 🎭 Personas pre-instaladas")
             gr.HTML("""
-            <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 6px; margin: 8px 0;">
-                <div class="persona-chip">🌙 Lunalite</div>
-                <div class="persona-chip">😎 Chillbro</div>
-                <div class="persona-chip">🔍 Curiosa</div>
-                <div class="persona-chip">⚡ Hypekid</div>
-                <div class="persona-chip">🔋 Volt Buddy</div>
-                <div class="persona-chip">⚔️ Ronin Zero</div>
-                <div class="persona-chip">🦖 Rival Kaiju</div>
-                <div class="persona-chip">💾 Glitchbyte</div>
-                <div class="persona-chip">🗺️ Questkid 99</div>
-                <div class="persona-chip">🧠 Sigma Sage</div>
-                <div class="persona-chip">🃏 Wildcard Loki</div>
-                <div class="persona-chip">🌳 Oldroot Oracle</div>
-                <div class="persona-chip">🔮 Morphling X</div>
-                <div class="persona-chip">🌌 Nova Void</div>
             </div>
             """)
-        # ── Step 3: Install ─────────────────────────
-        with gr.Group(elem_classes="step-card"):
-            gr.Markdown("### 🚀 Paso 3 — Instalación")
-            install_btn = gr.Button(
-                "Instalar HomePilot →",
-                variant="primary",
-                size="lg",
-            )
-            install_log = gr.Markdown("")
-        # ── Footer ──────────────────────────────────
         gr.HTML("""
-        <div style="text-align: center; padding: 2rem 0; color: #64748b; font-size: 0.8rem;">
-            <p>HomePilot Installer · Tu IA, tu máquina, tu privacidad</p>
-            <p style="margin-top: 4px;">
-                <a href="https://github.com/ruslanmv/HomePilot" style="color: #a78bfa;">GitHub</a> ·
-                <a href="https://huggingface.co/spaces/ruslanmv/HomePilot" style="color: #a78bfa;">Template Space</a> ·
-                <a href="https://huggingface.co/spaces/ruslanmv/Chata" style="color: #a78bfa;">Chata</a>
             </p>
         </div>
         """)
-        # ── Events ──────────────────────────────────
         def on_verify(token):
             status, username, message = validate_token(token)
-            return message, username
-        verify_btn.click(
-            fn=on_verify,
-            inputs=[token_input],
-            outputs=[auth_status, username_state],
-        )
-        install_btn.click(
-            fn=create_user_space,
-            inputs=[token_input, username_state, space_name,
-                    private_toggle, model_choice],
-            outputs=[install_log],
-        )
     return app
-# ── Entry point ──────────────────────────────────────────
 if __name__ == "__main__":
     app = build_ui()
-    app.launch(
-        server_name="0.0.0.0",
-        server_port=int(os.environ.get("PORT", "7860")),
-        share=False,
-    )

 """
+HomePilot Installer — Enterprise Edition
+Premium installer wizard that deploys HomePilot into a user's own
+private HF Space. Design language matches ruslanmv.com/HomePilot:
+dark theme, cyan→blue→purple gradients, glass cards, smooth transitions.
 """
 import json
 import os
+import shutil
 import subprocess
 import tempfile
 from pathlib import Path
 import gradio as gr
 TEMPLATE_REPO = os.environ.get("TEMPLATE_REPO", "ruslanmv/HomePilot")
+# ── Persona data ─────────────────────────────────────────
+PERSONAS = {
+    "starter": [
+        ("🌙", "LunaLite", "Soft Greeter"),
+        ("😎", "ChillBro", "Casual Regular"),
+        ("🔍", "Curiosa", "Question Driver"),
+        ("⚡", "HypeKid", "Reaction Engine"),
+    ],
+    "retro": [
+        ("🔋", "VoltBuddy", "Electric Companion"),
+        ("⚔️", "RoninZero", "Lone Warrior"),
+        ("🦖", "RivalKaiju", "Chaos Rival"),
+        ("💾", "Glitchbyte", "Digital Glitch"),
+        ("🗺️", "QuestKid", "Young Adventurer"),
+        ("🧠", "SigmaSage", "Quiet Strategist"),
+        ("🃏", "Wildcard", "Trickster"),
+        ("🌳", "OldRoot", "Ancient Mentor"),
+        ("🔮", "MorphlingX", "Transformer"),
+        ("🌌", "NovaVoid", "Cosmic Entity"),
+    ],
+}
+# ── CSS: HomePilot enterprise theme ──────────────────────
+CSS = """
+/* ── Base ── */
+:root {
+    --hp-bg: #09090b;
+    --hp-surface: #111113;
+    --hp-card: #161618;
+    --hp-border: rgba(255,255,255,0.06);
+    --hp-border-hover: rgba(255,255,255,0.14);
+    --hp-text: #e4e4e7;
+    --hp-muted: #71717a;
+    --hp-cyan: #06b6d4;
+    --hp-blue: #3b82f6;
+    --hp-purple: #8b5cf6;
+    --hp-gradient: linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6);
+    --hp-glow: 0 0 24px rgba(59,130,246,0.15);
+    --hp-radius: 12px;
+}
 .gradio-container {
+    background: var(--hp-bg) !important;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
+    max-width: 900px !important;
+    margin: 0 auto !important;
 }
+/* Remove default Gradio chrome */
+.gradio-container .main, footer { background: transparent !important; }
+footer { display: none !important; }
+/* ── Hero ── */
+.hp-hero {
     text-align: center;
+    padding: 56px 24px 40px;
+    position: relative;
+    overflow: hidden;
 }
+.hp-hero::before {
+    content: '';
+    position: absolute;
+    top: -40%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 120%;
+    height: 100%;
+    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(59,130,246,0.08), transparent);
+    pointer-events: none;
+}
+.hp-hero h1 {
+    font-size: clamp(2rem, 5vw, 2.8rem);
+    font-weight: 800;
+    letter-spacing: -0.03em;
+    line-height: 1.1;
+    margin: 0;
+    position: relative;
+}
+.hp-hero h1 .gradient-text {
+    background: var(--hp-gradient);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
+    background-clip: text;
 }
+.hp-hero .subtitle {
+    color: var(--hp-muted);
+    font-size: 15px;
+    font-weight: 500;
+    margin-top: 12px;
+    position: relative;
 }
+.hp-hero .badges {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 20px;
+    flex-wrap: wrap;
+    position: relative;
 }
+.hp-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 14px;
     border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+    border: 1px solid var(--hp-border);
+    background: var(--hp-surface);
+    color: var(--hp-text);
+    transition: all 0.2s;
+}
+.hp-badge:hover { border-color: var(--hp-border-hover); }
+.hp-badge .dot {
+    width: 6px; height: 6px;
+    border-radius: 50%;
+    background: var(--hp-gradient);
+}
+/* ── Step cards ── */
+.hp-step {
+    background: var(--hp-card) !important;
+    border: 1px solid var(--hp-border) !important;
+    border-radius: var(--hp-radius) !important;
+    padding: 28px !important;
+    margin-bottom: 16px !important;
+    transition: border-color 0.2s !important;
+}
+.hp-step:hover { border-color: var(--hp-border-hover) !important; }
+.hp-step-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 16px;
+}
+.hp-step-num {
+    width: 32px; height: 32px;
+    border-radius: 10px;
+    background: var(--hp-gradient);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    font-weight: 800;
+    color: white;
+    flex-shrink: 0;
+}
+.hp-step-title {
+    font-size: 17px;
+    font-weight: 700;
+    color: var(--hp-text);
+    letter-spacing: -0.01em;
+}
+.hp-step-desc {
+    font-size: 13px;
+    color: var(--hp-muted);
+    margin-top: 2px;
+}
+/* ── Inputs ── */
+.hp-step input, .hp-step textarea {
+    background: var(--hp-bg) !important;
+    border: 1px solid var(--hp-border) !important;
+    border-radius: 10px !important;
+    color: var(--hp-text) !important;
+    font-size: 15px !important;
+    padding: 12px 16px !important;
+    transition: border-color 0.2s !important;
+}
+.hp-step input:focus, .hp-step textarea:focus {
+    border-color: var(--hp-blue) !important;
+    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
+}
+.hp-step label { color: var(--hp-muted) !important; font-weight: 600 !important; font-size: 13px !important; }
+/* ── Persona grid ── */
+.hp-personas {
+    background: var(--hp-card);
+    border: 1px solid var(--hp-border);
+    border-radius: var(--hp-radius);
+    padding: 24px;
+    margin-top: 16px;
+}
+.hp-personas-title {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--hp-text);
+    margin-bottom: 4px;
+}
+.hp-personas-sub {
+    font-size: 12px;
+    color: var(--hp-muted);
+    margin-bottom: 16px;
+}
+.hp-pack-label {
+    font-size: 10px;
     font-weight: 700;
     text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--hp-muted);
+    margin-bottom: 8px;
+    margin-top: 16px;
 }
+.hp-pack-label:first-child { margin-top: 0; }
+.hp-grid {
     display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
     gap: 8px;
 }
+.hp-chip {
+    display: flex;
+    align-items: center;
+    gap: 6px;
     padding: 8px 12px;
+    border-radius: 10px;
+    font-size: 12px;
     font-weight: 600;
+    color: var(--hp-text);
+    background: var(--hp-bg);
+    border: 1px solid var(--hp-border);
+    transition: all 0.2s;
+    white-space: nowrap;
+    overflow: hidden;
 }
+.hp-chip:hover {
+    border-color: var(--hp-border-hover);
+    transform: translateY(-1px);
+}
+.hp-chip .emoji { font-size: 14px; }
+/* ── Install button ── */
+.hp-install-btn {
+    background: var(--hp-gradient) !important;
+    border: none !important;
+    border-radius: 12px !important;
+    color: white !important;
+    font-size: 16px !important;
+    font-weight: 700 !important;
+    letter-spacing: -0.01em !important;
+    padding: 14px 32px !important;
+    cursor: pointer !important;
+    box-shadow: var(--hp-glow) !important;
+    transition: all 0.2s !important;
+    width: 100% !important;
+}
+.hp-install-btn:hover {
+    transform: translateY(-1px) !important;
+    box-shadow: 0 0 32px rgba(59,130,246,0.25) !important;
+}
+/* ── Log output ── */
+.hp-log {
+    background: var(--hp-bg) !important;
+    border: 1px solid var(--hp-border) !important;
+    border-radius: var(--hp-radius) !important;
+    padding: 20px !important;
+    font-family: 'SF Mono', 'Fira Code', monospace !important;
+    font-size: 13px !important;
+    line-height: 1.7 !important;
+    color: var(--hp-text) !important;
+    min-height: 60px !important;
 }
+/* ── Footer ── */
+.hp-footer {
+    text-align: center;
+    padding: 32px 16px;
+    border-top: 1px solid var(--hp-border);
+    margin-top: 32px;
+}
+.hp-footer p { color: var(--hp-muted); font-size: 12px; margin: 4px 0; }
+.hp-footer a { color: var(--hp-blue); text-decoration: none; }
+.hp-footer a:hover { color: var(--hp-cyan); }
+"""
+# ── Core functions ───────────────────────────────────────
 def validate_token(token: str) -> tuple[str, str, str]:
     if not token or len(token) < 10:
+        return "error", "", "Token vacío o inválido"
     try:
+        import requests
+        r = requests.get(
+            "https://huggingface.co/api/whoami-v2",
+            headers={"Authorization": f"Bearer {token}"},
+            timeout=10,
         )
+        if r.ok:
+            name = r.json().get("name", "")
+            return "ok", name, f"Autenticado como **{name}**"
+        return "error", "", f"Token rechazado (HTTP {r.status_code})"
     except Exception as e:
+        return "error", "", f"Error de conexión: {e}"
+def install_space(token, username, space_name, private, model):
+    if not username:
+        yield "⚠️ Primero verifica tu token en el Paso 1"
+        return
     repo_id = f"{username}/{space_name}"
+    lines = []
     def log(msg):
+        lines.append(msg)
+        return "\n".join(lines)
+    yield log(f"▸ Creando Space **{repo_id}**...")
     try:
         import requests
         r = requests.post(
             "https://huggingface.co/api/repos/create",
+            headers={"Authorization": f"Bearer {token}", "Content-Type": "application/json"},
+            json={"type": "space", "name": space_name, "private": private, "sdk": "docker"},
             timeout=30,
         )
         if r.ok:
+            yield log("✓ Space creado")
         elif r.status_code == 409:
+            yield log("✓ Space ya existe — actualizando")
         else:
+            yield log(f"✗ Error: {r.status_code} {r.text[:200]}")
             return
+        yield log("▸ Clonando template HomePilot...")
         with tempfile.TemporaryDirectory() as tmpdir:
             remote = f"https://user:{token}@huggingface.co/spaces/{repo_id}"
+            template_remote = f"https://user:{token}@huggingface.co/spaces/{TEMPLATE_REPO}"
+            subprocess.run(
                 ["git", "-c", "credential.helper=", "clone", "--depth", "1",
+                 template_remote, f"{tmpdir}/template"],
+                capture_output=True, timeout=60,
             )
+            clone = subprocess.run(
                 ["git", "-c", "credential.helper=", "clone", "--depth", "1",
+                 remote, f"{tmpdir}/space"],
+                capture_output=True, timeout=30,
             )
+            if clone.returncode != 0:
+                os.makedirs(f"{tmpdir}/space", exist_ok=True)
+                subprocess.run(["git", "init", "-b", "main", f"{tmpdir}/space"], capture_output=True)
+                subprocess.run(["git", "-C", f"{tmpdir}/space", "remote", "add", "origin", remote], capture_output=True)
+            space_dir = f"{tmpdir}/space"
+            for item in Path(space_dir).iterdir():
+                if item.name != ".git":
+                    shutil.rmtree(item) if item.is_dir() else item.unlink()
+            yield log("▸ Copiando archivos...")
+            for item in Path(f"{tmpdir}/template").iterdir():
                 if item.name == ".git":
                     continue
                 dest = Path(space_dir) / item.name
+                shutil.copytree(item, dest) if item.is_dir() else shutil.copy2(item, dest)
+            start_sh = Path(space_dir) / "start.sh"
+            if start_sh.exists():
+                content = start_sh.read_text()
+                content = content.replace("OLLAMA_MODEL=${OLLAMA_MODEL:-qwen2.5:1.5b}",
+                                          f"OLLAMA_MODEL=${{OLLAMA_MODEL:-{model}}}")
+                start_sh.write_text(content)
+            yield log(f"▸ Modelo: **{model}**")
+            yield log("▸ Subiendo a Hugging Face...")
+            subprocess.run(["git", "lfs", "install", "--local"], capture_output=True, cwd=space_dir)
+            subprocess.run(["git", "lfs", "track", "*.hpersona", "*.png", "*.webp"],
+                           capture_output=True, cwd=space_dir)
+            subprocess.run(["git", "-C", space_dir, "-c", "user.[email protected]",
+                            "-c", "user.name=HomePilot Installer", "add", "-A"],
+                           capture_output=True, timeout=30)
+            subprocess.run(["git", "-C", space_dir, "-c", "user.[email protected]",
+                            "-c", "user.name=HomePilot Installer", "commit", "-m",
+                            f"HomePilot installed ({model})"],
+                           capture_output=True, timeout=30)
+            push = subprocess.run(
                 ["git", "-C", space_dir, "push", "--force", remote, "HEAD:main"],
                 capture_output=True, text=True, timeout=120,
             )
+            if push.returncode == 0:
+                yield log("✓ Subido exitosamente")
             else:
+                yield log(f"✗ Push error: {push.stderr[:300]}")
                 return
         space_url = f"https://huggingface.co/spaces/{repo_id}"
         yield log(f"""
+✓ **Instalación completa**
 Tu HomePilot está en: [{repo_id}]({space_url})
 **Próximos pasos:**
+1. Ve a **Settings → Hardware** y selecciona GPU (opcional)
+2. Espera ~3 min para el primer arranque
+3. El modelo se descarga automáticamente
+**14 Chata personas** listas para usar.""")
     except Exception as e:
+        yield log(f"✗ Error: {e}")
+# ── Build personas HTML ──────────────────────────────────
+def _persona_html():
+    parts = ['<div class="hp-personas">']
+    parts.append('<div class="hp-personas-title">Personas pre-instaladas</div>')
+    parts.append('<div class="hp-personas-sub">14 AI personas de Chata — se importan automáticamente al iniciar</div>')
+    parts.append('<div class="hp-pack-label">Starter Pack</div>')
+    parts.append('<div class="hp-grid">')
+    for emoji, name, _ in PERSONAS["starter"]:
+        parts.append(f'<div class="hp-chip"><span class="emoji">{emoji}</span>{name}</div>')
+    parts.append('</div>')
+    parts.append('<div class="hp-pack-label">Retro Pack</div>')
+    parts.append('<div class="hp-grid">')
+    for emoji, name, _ in PERSONAS["retro"]:
+        parts.append(f'<div class="hp-chip"><span class="emoji">{emoji}</span>{name}</div>')
+    parts.append('</div>')
+    parts.append('</div>')
+    return "\n".join(parts)
 # ── Gradio UI ────────────────────────────────────────────
 def build_ui():
+    with gr.Blocks(css=CSS, title="HomePilot Installer", theme=gr.themes.Soft(
+        primary_hue="blue", secondary_hue="purple", neutral_hue="zinc",
+    )) as app:
+        # ── Hero ──
         gr.HTML("""
+        <div class="hp-hero">
+            <h1>🏠 <span class="gradient-text">HomePilot Installer</span></h1>
+            <p class="subtitle">Instala tu propio HomePilot con IA privada en Hugging Face Spaces</p>
+            <div class="badges">
+                <span class="hp-badge"><span class="dot"></span>14 Chata Personas</span>
+                <span class="hp-badge"><span class="dot"></span>Ollama Built-in</span>
+                <span class="hp-badge"><span class="dot"></span>GPU Ready</span>
+                <span class="hp-badge"><span class="dot"></span>Private Space</span>
             </div>
         </div>
         """)
+        # ── Step 1: Auth ──
+        with gr.Group(elem_classes="hp-step"):
+            gr.HTML("""
+            <div class="hp-step-header">
+                <div class="hp-step-num">1</div>
+                <div>
+                    <div class="hp-step-title">Autenticación</div>
+                    <div class="hp-step-desc">Necesitas un <a href="https://huggingface.co/settings/tokens" target="_blank" style="color: var(--hp-blue)">token de HF</a> con permisos de write.</div>
+                </div>
+            </div>
+            """)
             with gr.Row():
+                token_input = gr.Textbox(label="HF Token", placeholder="hf_...", type="password", scale=3)
                 verify_btn = gr.Button("Verificar", variant="primary", scale=1)
             auth_status = gr.Markdown("")
             username_state = gr.State("")
+        # ── Step 2: Config ──
+        with gr.Group(elem_classes="hp-step"):
+            gr.HTML("""
+            <div class="hp-step-header">
+                <div class="hp-step-num">2</div>
+                <div>
+                    <div class="hp-step-title">Configuración</div>
+                    <div class="hp-step-desc">Personaliza tu instalación</div>
+                </div>
+            </div>
+            """)
             with gr.Row():
+                space_name = gr.Textbox(label="Nombre del Space", value="HomePilot", scale=2)
+                private_toggle = gr.Checkbox(label="Privado", value=True, scale=1)
             model_choice = gr.Dropdown(
                 label="Modelo LLM",
                 choices=[
                     ("Qwen 2.5 3B (mejor calidad)", "qwen2.5:3b"),
                     ("Llama 3 8B (poderoso, necesita GPU)", "llama3:8b"),
                     ("Gemma 2B (equilibrado)", "gemma:2b"),
+                    ("Phi 3 Mini (compacto)", "phi3:mini"),
                 ],
                 value="qwen2.5:1.5b",
             )
+        # ── Persona preview ──
+        gr.HTML(_persona_html())
+        # ── Step 3: Install ──
+        with gr.Group(elem_classes="hp-step"):
             gr.HTML("""
+            <div class="hp-step-header">
+                <div class="hp-step-num">3</div>
+                <div>
+                    <div class="hp-step-title">Instalación</div>
+                    <div class="hp-step-desc">Un clic para desplegar tu HomePilot privado</div>
+                </div>
             </div>
             """)
+            install_btn = gr.Button("Instalar HomePilot →", variant="primary",
+                                     size="lg", elem_classes="hp-install-btn")
+            install_log = gr.Markdown("", elem_classes="hp-log")
+        # ── Footer ──
         gr.HTML("""
+        <div class="hp-footer">
+            <p style="font-size: 13px; color: var(--hp-text); font-weight: 600;">HomePilot — Enterprise AI Assistant</p>
+            <p>
+                <a href="https://github.com/ruslanmv/HomePilot">GitHub</a> ·
+                <a href="https://huggingface.co/spaces/ruslanmv/HomePilot">Template</a> ·
+                <a href="https://huggingface.co/spaces/ruslanmv/Chata">Chata</a> ·
+                <a href="https://ruslanmv.com/HomePilot/">Web</a>
             </p>
         </div>
         """)
+        # ── Events ──
         def on_verify(token):
             status, username, message = validate_token(token)
+            icon = "✓" if status == "ok" else "✗"
+            return f"{icon} {message}", username
+        verify_btn.click(fn=on_verify, inputs=[token_input], outputs=[auth_status, username_state])
+        install_btn.click(fn=install_space,
+                          inputs=[token_input, username_state, space_name, private_toggle, model_choice],
+                          outputs=[install_log])
     return app
 if __name__ == "__main__":
     app = build_ui()
+    app.launch(server_name="0.0.0.0", server_port=int(os.environ.get("PORT", "7860")), share=False)