Upload 26 files

.env

@@ -0,0 +1,2 @@
+ADMIN_USER=admin
+ADMIN_PASSWORD=admin

.gitignore

@@ -0,0 +1,8 @@
+__pycache__/
+*.pyc
+*.pyo
+.env
+venv/
+.venv/
+*.bat
+Procfile

Dockerfile

@@ -0,0 +1,16 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+
+# Копіюємо залежності
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Копіюємо проект
+COPY . .
+
+# Відкриваємо порт
+EXPOSE 7860
+
+# Запуск
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

Procfile

@@ -0,0 +1 @@
+web: uvicorn app:app --host 0.0.0.0 --port 7860

README.md

@@ -0,0 +1,8 @@
+---
+title: Unstop Retail
+emoji: ⚡
+colorFrom: yellow
+colorTo: gray
+sdk: docker
+pinned: false
+---

README.txt

@@ -0,0 +1,31 @@
+UNSTOP RETAIL — Структура проекту
+==================================
+
+Запуск:
+  Двічі клацнути start.bat
+  або: python main.py
+
+Адреси:
+  Вітрина:  http://localhost:7860/
+  Адмінка:  http://localhost:7860/figvam/
+
+Файли проекту:
+  main.py          — точка входу, FastAPI + монтування Gradio
+  utils.py         — робота з config.json, читання моделей, контактів
+  admin_ui.py      — Gradio-інтерфейс адмінки (товари + контакти)
+  showcase_ui.py   — Gradio-інтерфейс вітрини (рендер через Jinja2)
+  .env             — логін/пароль адмінки (не передавати стороннім!)
+  config.json      — база даних: список товарів + глобальні контакти
+
+Папки:
+  assets/          — HTML-шаблони та CSS (gallery.html, landing.html, shell.css)
+  models/          — папки з фото та текстами для кожного товару
+
+Структура моделі (папка всередині models/):
+  1.webp, 2.webp   — фотографії товару
+  Opis.txt         — детальний опис (Markdown)
+  Price.txt        — ціна
+  Subtitle.txt     — підзаголовок
+
+Зміна пароля адмінки:
+  Відкрити .env і змінити ADMIN_PASSWORD=ваш_пароль

admin_ui.py

@@ -0,0 +1,179 @@
+import os, time, shutil
+import gradio as gr
+from utils import get_models_data, save_config, get_contacts, save_contacts
+
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+
+
+def build_admin_app():
+    initial_models = get_models_data(BASE_DIR)
+
+    with gr.Blocks(title="Unstop Admin", analytics_enabled=False) as app_admin:
+
+        with gr.Tabs():
+
+            # ── ВКЛ 1: ТОВАРИ ──────────────────────────────────────────────
+            with gr.Tab("🛒 Товари"):
+                with gr.Row():
+                    model_selector = gr.Dropdown(
+                        choices=[m['name'] for m in initial_models],
+                        label="Оберіть товар для редагування",
+                        value=initial_models[0]['name'] if initial_models else None,
+                        scale=4
+                    )
+                    add_btn = gr.Button("➕ Створити новий", variant="primary", scale=1)
+                    del_btn = gr.Button("🗑 Видалити товар", variant="stop", scale=1)
+
+                status_msg = gr.Markdown("")
+
+                with gr.Group():
+                    gr.Markdown("## 🗂 Структура картки товару")
+                    with gr.Row():
+                        with gr.Column(scale=1, variant="panel"):
+                            gr.Markdown("### 🖼 Фотографії")
+                            m_folder = gr.Textbox(label="Назва папки (у /models/)", info="Порожнє = автостворення")
+                            m_images = gr.File(label="Завантажити нові фото", file_count="multiple", type="filepath")
+                            with gr.Row():
+                                upload_btn = gr.Button("✅ Завантажити")
+                                clear_img_btn = gr.Button("🗑 Очистити папку")
+
+                        with gr.Column(scale=1, variant="panel"):
+                            gr.Markdown("### 📄 Основна інформація")
+                            m_name     = gr.Textbox(label="Назва (вкладка)",   placeholder="Unstop Retail 4032W")
+                            m_price    = gr.Textbox(label="💵 Ціна",            placeholder="49 000 грн")
+                            m_title    = gr.Textbox(label="⚡ Заголовок H1")
+                            m_subtitle = gr.Textbox(label="🔋 Підзаголовок")
+
+                    with gr.Row():
+                        with gr.Column(variant="panel"):
+                            gr.Markdown("### 📝 Детальний опис (Markdown)")
+                            m_opis = gr.Textbox(label="Текст опису", lines=12, show_label=False)
+
+                    with gr.Row():
+                        save_btn = gr.Button("💾 ЗБЕРЕГТИ ЗМІНИ ТОВАРУ", variant="primary", size="lg")
+
+            # ── ВКЛ 2: НАЛАШТУВАННЯ САЙТУ ──────────────────────────────────
+            with gr.Tab("⚙️ Налаштування сайту"):
+                gr.Markdown("## 📞 Глобальні контакти")
+                _c = get_contacts(BASE_DIR)
+
+                c_phone         = gr.Textbox(label="Телефон (для tel:)",        value=_c.get("phone", ""),         placeholder="+380675745662")
+                c_phone_display = gr.Textbox(label="Телефон (відображення)",    value=_c.get("phone_display", ""), placeholder="+38 067 574 56 62")
+                c_tg_link       = gr.Textbox(label="Telegram посилання",        value=_c.get("tg_link", ""),       placeholder="https://t.me/...")
+                c_tg_display    = gr.Textbox(label="Telegram підпис кнопки",    value=_c.get("tg_display", ""),    placeholder="Написати в Telegram")
+                c_address       = gr.Textbox(label="Адреса (HTML дозволено)",   value=_c.get("address", ""),       placeholder="м. Харків, ...")
+                c_map_src       = gr.Textbox(label="Src для <iframe> карти",    value=_c.get("map_iframe", ""),    lines=2)
+
+                contacts_status  = gr.Markdown("")
+                save_contacts_btn = gr.Button("💾 ЗБЕРЕГТИ КОНТАКТИ", variant="primary", size="lg")
+
+        # ── ОБРОБНИКИ: ТОВАРИ ──────────────────────────────────────────────
+
+        def load_model_data(sel_name):
+            if not sel_name:
+                return "", "", "", "", "", "", ""
+            for m in get_models_data(BASE_DIR):
+                if m['name'] == sel_name:
+                    return m['name'], m['price'], m['title'], m['subtitle'], m.get('folder', ''), m['opis_raw'], ""
+            return "", "", "", "", "", "", ""
+
+        model_selector.change(
+            load_model_data, inputs=model_selector,
+            outputs=[m_name, m_price, m_title, m_subtitle, m_folder, m_opis, status_msg]
+        )
+
+        def save_model_data(sel_name, name, price, title, sub, folder, opis):
+            if not sel_name:
+                return gr.update(), "⚠️ Немає моделі для збереження"
+            models = get_models_data(BASE_DIR)
+            for m in models:
+                if m['name'] == sel_name:
+                    m['name'], m['price'], m['title'], m['subtitle'], m['folder'], m['opis_raw'] = \
+                        name, price, title, sub, folder, opis
+                    break
+            save_config(BASE_DIR, models)
+            return gr.update(choices=[x['name'] for x in models], value=name), "✅ Збережено! Оновіть вітрину (F5)."
+
+        save_btn.click(
+            save_model_data,
+            inputs=[model_selector, m_name, m_price, m_title, m_subtitle, m_folder, m_opis],
+            outputs=[model_selector, status_msg]
+        )
+
+        def add_new_model():
+            models = get_models_data(BASE_DIR)
+            new_name = f"Новий товар {len(models) + 1}"
+            models.append({"id": f"m_{int(time.time())}", "folder": "", "name": new_name,
+                            "title": "Новий заголовок", "subtitle": "Короткий опис",
+                            "price": "0 грн", "opis_raw": ""})
+            save_config(BASE_DIR, models)
+            return gr.update(choices=[x['name'] for x in models], value=new_name), f"✅ Додано «{new_name}»!"
+
+        add_btn.click(add_new_model, outputs=[model_selector, status_msg])
+
+        def delete_selected_model(sel_name):
+            if not sel_name:
+                return gr.update(), "⚠️ Не обрано товар"
+            models = [m for m in get_models_data(BASE_DIR) if m['name'] != sel_name]
+            save_config(BASE_DIR, models)
+            new_sel = models[0]['name'] if models else None
+            return gr.update(choices=[x['name'] for x in models], value=new_sel), f"🗑 «{sel_name}» видалено!"
+
+        del_btn.click(delete_selected_model, inputs=[model_selector], outputs=[model_selector, status_msg])
+
+        def handle_upload(sel_name, current_folder, files):
+            if not files:
+                return current_folder, "⚠️ Виберіть файли."
+            target_folder = current_folder.strip() or "".join(c if c.isalnum() else "_" for c in sel_name)
+            target_dir = os.path.join(BASE_DIR, "models", target_folder)
+            os.makedirs(target_dir, exist_ok=True)
+            count = 0
+            for f in files:
+                shutil.copy(f, os.path.join(target_dir, os.path.basename(f)))
+                count += 1
+            models = get_models_data(BASE_DIR)
+            for m in models:
+                if m['name'] == sel_name:
+                    m['folder'] = target_folder
+            save_config(BASE_DIR, models)
+            return gr.update(value=target_folder), f"✅ Завантажено {count} фото у '{target_folder}'!"
+
+        upload_btn.click(handle_upload, inputs=[model_selector, m_folder, m_images], outputs=[m_folder, status_msg])
+
+        def handle_clear_images(current_folder):
+            target_folder = current_folder.strip()
+            if not target_folder:
+                return "⚠️ Папка не вказана."
+            target_dir = os.path.join(BASE_DIR, "models", target_folder)
+            count = 0
+            if os.path.exists(target_dir):
+                for f in os.listdir(target_dir):
+                    if f.lower().endswith(('.webp', '.png', '.jpg', '.jpeg')):
+                        try:
+                            os.remove(os.path.join(target_dir, f)); count += 1
+                        except Exception:
+                            pass
+            return f"🗑 Видалено {count} фото!"
+
+        clear_img_btn.click(handle_clear_images, inputs=[m_folder], outputs=[status_msg])
+
+        # ── ОБРОБНИКИ: КОНТАКТИ ────────────────────────────────────────────
+
+        def do_save_contacts(phone, phone_display, tg_link, tg_display, address, map_src):
+            save_contacts(BASE_DIR, {
+                "phone":         phone.strip(),
+                "phone_display": phone_display.strip(),
+                "tg_link":       tg_link.strip(),
+                "tg_display":    tg_display.strip(),
+                "address":       address.strip(),
+                "map_iframe":    map_src.strip(),
+            })
+            return "✅ Контакти збережено! Оновіть вітрину (F5)."
+
+        save_contacts_btn.click(
+            do_save_contacts,
+            inputs=[c_phone, c_phone_display, c_tg_link, c_tg_display, c_address, c_map_src],
+            outputs=[contacts_status]
+        )
+
+    return app_admin

app.py

@@ -0,0 +1,51 @@
+import os
+import gradio as gr
+from fastapi import FastAPI, Request
+from fastapi.responses import RedirectResponse, PlainTextResponse
+from dotenv import load_dotenv
+from slowapi import Limiter, _rate_limit_exceeded_handler
+from slowapi.util import get_remote_address
+from slowapi.errors import RateLimitExceeded
+from showcase_ui import build_showcase_app
+from admin_ui import build_admin_app
+
+load_dotenv()
+
+ADMIN_USER     = os.getenv("ADMIN_USER",     "admin")
+ADMIN_PASSWORD = os.getenv("ADMIN_PASSWORD", "admin")
+
+limiter = Limiter(key_func=get_remote_address, default_limits=["60/minute"])
+
+app_showcase = build_showcase_app()
+app_admin    = build_admin_app()
+
+app = FastAPI()
+app.state.limiter = limiter
+app.add_exception_handler(RateLimitExceeded, _rate_limit_exceeded_handler)
+
+BLOCKED_PATHS = (
+    "/config.json", "/.env", "/utils.py", "/main.py",
+    "/admin_ui.py", "/showcase_ui.py", "/.git",
+)
+
+@app.middleware("http")
+async def security_middleware(request: Request, call_next):
+    path = request.url.path.lower()
+    for blocked in BLOCKED_PATHS:
+        if path.startswith(blocked):
+            return PlainTextResponse("404 Not Found", status_code=404)
+    if ".." in path or "%2e%2e" in path:
+        return PlainTextResponse("400 Bad Request", status_code=400)
+    response = await call_next(request)
+    response.headers["X-Content-Type-Options"] = "nosniff"
+    response.headers["X-Frame-Options"] = "SAMEORIGIN"
+    return response
+
+@app.get("/figvam")
+def redirect_admin():
+    return RedirectResponse(url="/figvam/")
+
+app = gr.mount_gradio_app(app, app_admin,    path="/figvam",
+                          auth=(ADMIN_USER, ADMIN_PASSWORD),
+                          auth_message="Unstop Admin")
+app = gr.mount_gradio_app(app, app_showcase, path="/")

assets/gallery.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html><html><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+<style>
+*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:transparent;overflow:hidden}.car{position:relative;width:100%;height:100%;background:#e8edf2;border-radius:8px;overflow:hidden;cursor:zoom-in;user-select:none;touch-action:pan-y}.car img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s}.car img.hidden{opacity:0;pointer-events:none}.car img.visible{opacity:1}.btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.42);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;z-index:5;-webkit-tap-highlight-color:transparent}.btn:hover{background:#F59E0B;color:#000}.prev{left:8px}.next{right:8px}.dots{position:absolute;bottom:8px;width:100%;display:flex;justify-content:center;gap:7px;z-index:5;pointer-events:none}.dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:background .2s;pointer-events:auto;-webkit-tap-highlight-color:transparent}.dot.on{background:#F59E0B}.lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.98);z-index:9999;align-items:center;justify-content:center}.lb.open{display:flex}.lb img{max-width:100vw;max-height:100vh;object-fit:contain;animation:pop .2s ease;pointer-events:none;user-select:none}@keyframes pop{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.lb-x{position:absolute;top:14px;right:18px;color:#fff;font-size:2.4rem;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .2s;-webkit-tap-highlight-color:transparent;line-height:1;z-index:10000}.lb-x:hover{opacity:1}.lb-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.13);color:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-tap-highlight-color:transparent;z-index:10000}.lb-btn:hover{background:#F59E0B;color:#000}.lbp{left:14px}.lbn{right:14px}.lb-num{position:absolute;bottom:14px;width:100%;text-align:center;color:rgba(255,255,255,.7);font-size:.9rem;pointer-events:none;z-index:10000}
+</style></head><body>
+<div class="car" id="car">
+  <button class="btn prev" id="prev">‹</button>
+  <button class="btn next" id="next">›</button>
+  <div class="dots" id="dots"></div>
+</div>
+<div class="lb" id="lb">
+  <span class="lb-x" id="lbx">×</span>
+  <button class="lb-btn lbp" id="lbp">‹</button>
+  <img id="lbimg" src="" alt="">
+  <button class="lb-btn lbn" id="lbn">›</button>
+  <div class="lb-num" id="lbnum"></div>
+</div>
+<script>
+var IMGS={{imgs_json | safe}},N={{n}},cur=0,lbOpen=false;
+var car=document.getElementById('car'), dotsEl=document.getElementById('dots'), lb=document.getElementById('lb'), lbImg=document.getElementById('lbimg'), lbNum=document.getElementById('lbnum');
+var slides=[];
+IMGS.forEach(function(src,i){
+  var img=document.createElement('img');
+  img.src=src; img.className=i===0?'visible':'hidden';
+  car.insertBefore(img,document.getElementById('prev'));
+  slides.push(img);
+  var dot=document.createElement('span');
+  dot.className='dot'+(i===0?' on':'');
+  (function(idx){dot.addEventListener('click',function(e){e.stopPropagation();goTo(idx);})})(i);
+  dotsEl.appendChild(dot);
+});
+var dots=dotsEl.querySelectorAll('.dot');
+function goTo(n){
+  slides[cur].className='hidden'; dots[cur].classList.remove('on');
+  cur=(n+N)%N;
+  slides[cur].className='visible'; dots[cur].classList.add('on');
+}
+document.getElementById('prev').addEventListener('click',function(e){e.stopPropagation();goTo(cur-1);});
+document.getElementById('next').addEventListener('click',function(e){e.stopPropagation();goTo(cur+1);});
+var ts=0;
+car.addEventListener('touchstart',function(e){if(!lbOpen)ts=e.touches[0].clientX;},{passive:true});
+car.addEventListener('touchend',function(e){if(lbOpen)return;var dx=e.changedTouches[0].clientX-ts;if(Math.abs(dx)>40)goTo(dx<0?cur+1:cur-1);},{passive:true});
+car.addEventListener('click',function(){openLB(cur);});
+function openLB(i){
+  cur=i; lbImg.src=IMGS[i]; lbNum.textContent=(i+1)+' / '+N; 
+  lb.classList.add('open'); lbOpen=true;
+  var doc = document.documentElement;
+  var req = doc.requestFullscreen || doc.webkitRequestFullscreen || doc.mozRequestFullScreen || doc.msRequestFullscreen;
+  if(req) req.call(doc).catch(function(){});
+}
+function closeLB(){
+  lb.classList.remove('open'); lbOpen=false;
+  var exit = document.exitFullscreen || document.webkitExitFullscreen || document.mozCancelFullScreen || document.msExitFullscreen;
+  if(exit && document.fullscreenElement) exit.call(document).catch(function(){});
+}
+function lbNav(d){cur=(cur+d+N)%N;lbImg.src=IMGS[cur];lbNum.textContent=(cur+1)+' / '+N;}
+document.getElementById('lbx').addEventListener('click',closeLB);
+document.getElementById('lbp').addEventListener('click',function(e){e.stopPropagation();lbNav(-1);});
+document.getElementById('lbn').addEventListener('click',function(e){e.stopPropagation();lbNav(1);});
+lb.addEventListener('click',function(e){if(e.target===lb)closeLB();});
+var lts=0;
+lb.addEventListener('touchstart',function(e){lts=e.touches[0].clientX;},{passive:true});
+lb.addEventListener('touchend',function(e){var dx=e.changedTouches[0].clientX-lts;if(Math.abs(dx)>40)lbNav(dx<0?1:-1);},{passive:true});
+</script></body></html>

assets/landing.html

@@ -0,0 +1,89 @@
+<style>
+:root { --bg:#F0F4F8;--surface:#FFFFFF;--border:#DDE3EC; --text:#1E293B;--text-soft:#64748B; --accent:#F59E0B;--accent-d:#D97706;--accent-fg:#0F172A; --hdr-bg:linear-gradient(135deg,#1E3A5F 0%,#0F2744 100%); --shadow:0 4px 20px rgba(0,0,0,.09); --shadow-btn:0 6px 16px rgba(245,158,11,.35); --r:14px;--r-sm:8px; }
+@media(prefers-color-scheme:dark){ :root{ --bg:#0B1220;--surface:#1A2438;--border:#2D3F58; --text:#E8EFF7;--text-soft:#7A96B8; --accent:#FBBF24;--accent-d:#F59E0B;--accent-fg:#0B1220; --hdr-bg:linear-gradient(135deg,#091A30 0%,#040D1A 100%); --shadow:0 4px 24px rgba(0,0,0,.45); --shadow-btn:0 6px 18px rgba(251,191,36,.3); } }
+.ur*{box-sizing:border-box;margin:0;padding:0}.ur{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);padding:12px;width:100%;overflow-x:hidden;}
+
+/* --- CSS ЛОГИКА ВКЛАДОК БЕЗ JS --- */
+.ur-radio-tab 
+{ 
+    display: none !important; 
+    position: absolute !important; 
+    opacity: 0 !important; 
+    width: 0 !important; 
+    height: 0 !important; 
+    pointer-events: none !important; 
+}
+.ur-tabs { display:flex; gap:10px; margin-bottom:14px; overflow-x:auto; padding-bottom:4px; }
+.ur-tabs::-webkit-scrollbar { height:6px; }
+.ur-tabs::-webkit-scrollbar-thumb { background:var(--border); border-radius:4px; }
+.ur-tab-label { background:var(--surface); border:1px solid var(--border); color:var(--text-soft); padding:10px 18px; border-radius:var(--r-sm); cursor:pointer; font-weight:600; white-space:nowrap; transition:all .2s; font-size:.95rem; box-shadow:0 2px 5px rgba(0,0,0,.02); user-select:none; }
+.ur-tab-label:hover { border-color:var(--accent); color:var(--text); }
+.ur-panel { display: none; animation:fadeIn .3s ease; }
+@keyframes fadeIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
+
+/* Динамическая связь радио-кнопок с панелями через Jinja2 */
+{% for m in models %}
+#tab-{{ m.id }}:checked ~ .ur-panels #panel-{{ m.id }} { display: block; }
+#tab-{{ m.id }}:checked ~ .ur-tabs label[for="tab-{{ m.id }}"] { background:var(--accent); color:var(--accent-fg); border-color:var(--accent); box-shadow:var(--shadow-btn); }
+{% endfor %}
+/* --------------------------------- */
+
+.ur-hdr{background:var(--hdr-bg);border-radius:var(--r);padding:26px 32px;margin-bottom:14px;box-shadow:var(--shadow)}.ur-hdr h1{color:var(--accent)!important;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:6px}.ur-hdr .sub{color:#fff!important;font-size:clamp(.85rem,3vw,1rem);opacity:.88;line-height:1.5;display:block}.ur-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}.ur-row1{display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-bottom:14px;align-items:stretch}.ur-gallery-frame{width:100%;height:100%;min-height:450px;flex-grow:1;border:none;border-radius:8px;display:block;background:var(--surface);}
+@media(max-width:700px){ .ur-row1{grid-template-columns:1fr} .ur-gallery-frame{height:350px;} }
+@media(max-width:480px){ .ur{padding:0;} .ur-hdr{padding:16px;border-radius:0;margin-bottom:8px;} .ur-card{padding:14px;border-radius:0;border-left:none;border-right:none;margin-bottom:8px;} .ur-btn{padding:14px;font-size:1rem} .ur-phone{font-size:1.1rem} .ur-map{height:140px} .ur-gallery-frame{border-radius:0;} }
+.ur-contacts{display:flex;flex-direction:column}.ur-contacts h3{color:var(--accent);font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.ur-addr{color:var(--text);font-size:.95rem;line-height:1.65;margin-bottom:10px}.ur-phone{display:block;color:var(--accent)!important;text-decoration:none;font-size:1.25rem;font-weight:800;margin-bottom:12px}.ur-phone:hover{color:var(--accent-d)!important}.ur-map{width:100%;min-height:160px;flex-grow:1;border:0;border-radius:var(--r-sm);display:block;margin-bottom:12px}.ur-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;margin-bottom:9px;border-radius:var(--r-sm);font-weight:700;font-size:.96rem;text-decoration:none!important;transition:transform .18s,box-shadow .18s,background .18s;-webkit-tap-highlight-color:transparent}.ur-btn:last-child{margin-bottom:0}.ur-btn-tg{border:2px solid var(--accent);background:transparent;color:var(--text)!important}.ur-btn-tg:hover,.ur-btn-tg:active{background:var(--accent)!important;color:var(--accent-fg)!important;transform:translateY(-2px);box-shadow:var(--shadow-btn)}.ur-btn-tel{background:var(--accent);color:var(--accent-fg)!important;border:none}.ur-btn-tel:hover,.ur-btn-tel:active{background:var(--accent-d)!important;transform:translateY(-2px);box-shadow:var(--shadow-btn)}.ur-row2{margin-bottom:14px}.ur-desc h2{color:var(--accent)!important;font-size:1.1rem;margin-bottom:10px}.ur-desc h3{color:var(--accent)!important;font-size:.97rem;margin:12px 0 5px}.ur-desc p{color:var(--text);font-size:.93rem;line-height:1.65;margin-bottom:7px}.ur-desc ul{padding-left:18px;margin-bottom:9px}.ur-desc li{color:var(--text);font-size:.93rem;line-height:1.7}.ur-desc hr{border:none;border-top:1px solid var(--border);margin:10px 0}.ur-desc table{width:auto;max-width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:10px;table-layout:auto}.ur-desc th,.ur-desc td{border:1px solid var(--border);padding:7px 12px;color:var(--text);text-align:left;white-space:nowrap}.ur-desc td:last-child{white-space:normal}.ur-desc th{background:rgba(245,158,11,.12);font-weight:700}.ur-desc blockquote{border-left:3px solid var(--accent);padding:6px 12px;color:var(--text-soft);font-style:italic;font-size:.92rem;margin:10px 0;background:rgba(245,158,11,.05);border-radius:0 var(--r-sm) var(--r-sm) 0}.ur-footer{text-align:center;padding:8px 0 4px;color:var(--text-soft);font-size:.82rem;line-height:1.8;border-top:1px solid var(--border)}.ur-footer a{color:var(--accent);text-decoration:none;font-weight:600}
+</style>
+
+<div class="ur">
+  {% for m in models %}
+  <input type="radio" name="ur-model-tabs" id="tab-{{ m.id }}" class="ur-radio-tab" {% if loop.first %}checked{% endif %}>
+  {% endfor %}
+
+  {% if models|length > 1 %}
+  <div class="ur-tabs">
+    {% for m in models %}
+    <label for="tab-{{ m.id }}" class="ur-tab-label">{{ m.name }}</label>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  <div class="ur-panels">
+    {% for m in models %}
+    <div class="ur-panel" id="panel-{{ m.id }}">
+      
+      <div class="ur-hdr">
+        <h1>⚡ {{ m.title }}</h1>
+        <span class="sub">{{ m.subtitle }}</span>
+      </div>
+      
+      <div class="ur-row1">
+        <div class="ur-card" style="padding:10px; display:flex; flex-direction:column;">
+          {{ m.gallery_html | safe }}
+        </div>
+        <div class="ur-card ur-contacts">
+          <div style="background:rgba(245,158,11,.1);border:2px solid var(--accent);border-radius:var(--r-sm);padding:12px 16px;margin-bottom:14px;text-align:center;">
+            <div style="font-size:.8rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;">💵 Ціна</div>
+            <div style="font-size:1.9rem;font-weight:900;color:var(--accent);line-height:1;">{{ m.price }}</div>
+          </div>
+          <h3>📍 Де нас знайти</h3>
+          <div class="ur-addr">🏛 {{ contacts.address | safe }}</div>
+          <a href="tel:{{ contacts.phone }}" class="ur-phone">📞 {{ contacts.phone_display }}</a>
+          <h3>🗺 Карта</h3>
+          <iframe class="ur-map" src="{{ contacts.map_iframe }}" allowfullscreen loading="lazy"></iframe>
+          <a href="{{ contacts.tg_link }}" target="_blank" class="ur-btn ur-btn-tg">✈️ {{ contacts.tg_display }}</a>
+          <a href="tel:{{ contacts.phone }}" class="ur-btn ur-btn-tel">📞 Зателефонувати</a>
+        </div>
+      </div>
+      
+      <div class="ur-row2">
+        <div class="ur-card ur-desc">{{ m.desc_html | safe }}</div>
+      </div>
+      
+    </div>
+    {% endfor %}
+  </div>
+
+  <div class="ur-footer">
+    © 2026 Unstop Retail — {{ contacts.address }} • <a href="tel:{{ contacts.phone }}">{{ contacts.phone_display }}</a>
+  </div>
+</div>

assets/shell.css

@@ -0,0 +1,13 @@
+body, html { margin: 0 !important; padding: 0 !important; }
+#root, .gradio-container, .gradio-container > .main, .gradio-container > .main > .wrap, .contain { 
+    max-width: 100vw !important; 
+    width: 100% !important; 
+    padding-left: 0 !important; 
+    padding-right: 0 !important; 
+    margin: 0 !important; 
+    border: none !important; 
+}
+[class*="sm:px-"], [class*="md:px-"], [class*="lg:px-"], [class*="xl:px-"] {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}

config.json

@@ -0,0 +1,30 @@
+{
+    "contacts": {
+        "phone": "+380675745662",
+        "phone_display": "+38 067 574 56 62",
+        "tg_link": "https://t.me/unstop_retail",
+        "tg_display": "Написати в Telegram",
+        "address": "м. Харків, Основ'янський район",
+        "map_iframe": "https://www.google.com/maps/d/embed?mid=1pn9YLjrvuNJtrxwioRFoS-RC3eAdPAA&ehbc=2E312F&noprof=1"
+    },
+    "models": [
+        {
+            "id": "m_0",
+            "folder": "Unstop Retail 4032W",
+            "name": "Unstop Retail 4032W",
+            "title": "Unstop Retail 4032W",
+            "subtitle": "🔋 LiFePO4 • 4032 Wh • 8+ годин автономної роботи для вашого бізнесу",
+            "price": "49 000 грн",
+            "opis_raw": "## 🔋 Зарядна станція Unstop Retail 4032W LiFePO4\n\n**Готове рішення для безперебійної роботи магазинів та аптек.**\nМаксимально просте підключення — без виклику електрика.\n\n---\n\n### 🧰 Розумний баланс: тривала робота + захист\n\nСтанція розрахована на навантаження **до 1 кВт** — цього з запасом вистачає для всього критичного обладнання. Якщо хтось випадково підключить потужний прилад (>1000 Вт), станція **не згорить**, а автоматично перейде в режим захисту.\n\n---\n\n### 📊 Характеристики\n\n| Параметр | Значення |\n|---|---|\n| 🔋 Ємність | **4032 Wh** (комірки А-класу, LiFePO4) |\n| ⏱ Автономність | **8+ годин** для точки з 1 касою |\n| ⚡ Заряджання | **0 → 100% за 3 години** |\n| 🔄 Ресурс | до **6000 циклів** |\n| 🔒 Безпека | BMS, захист від КЗ, стабільні 220 В |\n\n---\n\n### 🔥 Для чого підходить\n\nКасові апарати • Ваги • POS-термінали • Роутери • Робочі ПК • LED-освітлення\n\n---\n\n### 💵 Вартість: **49 000 грн**\n\n> Забезпечте стабільну роботу вашого бізнесу вже сьогодні!\n"
+        },
+        {
+            "id": "m_1",
+            "folder": "Unstop Retail 5032W",
+            "name": "Unstop Retail 5032W",
+            "title": "Unstop Retail 5032W",
+            "subtitle": "🔋 LiFePO4 • 4032 Wh • 8+ годин автономної роботи для вашого бізнесу",
+            "price": "55 000 грн",
+            "opis_raw": "## 🔋 Зарядна станція Unstop Retail 5032W LiFePO4\n\n**Готове рішення для безперебійної роботи магазинів та аптек.**\nМаксимально просте підключення — без виклику електрика.\n\n---\n\n### 🧰 Розумний баланс: тривала робота + захист\n\nСтанція розрахована на навантаження **до 1 кВт** — цього з запасом вистачає для всього критичного обладнання.\nЯкщо хтось випадково підключить потужний прилад (>1000 Вт), станція **не згорить**, а автоматично перейде в режим захисту.\n\n---\n\n### 📊 Характеристики\n\n| Параметр | Значення |\n|---|---|\n| 🔋 Ємність | **5032 Wh** (комірки А-класу, LiFePO4) |\n| ⏱ Автономність | **10+ годин** для точки з 1 касою |\n| ⚡ Заряджання | **0 → 100% за 3.5 години** |\n| 🔄 Ресурс | до **6000 циклів** |\n| 🔒 Безпека | BMS, захист від КЗ, стабільні 220 В |\n\n---\n\n### 🔥 Для чого підходить\n\nКасові апарати • Ваги • POS-термінали • Роутери • Робочі ПК • LED-освітлення\n\n---\n\n### 💵 Вартість: **55 000 грн**\n\n> Забезпечте стабільну роботу вашого бізне"
+        }
+    ]
+}

main.py

@@ -0,0 +1,78 @@
+import os, socket, threading, webbrowser, time
+import gradio as gr
+from fastapi import FastAPI, Request
+from fastapi.responses import RedirectResponse, PlainTextResponse
+import uvicorn
+from dotenv import load_dotenv
+from slowapi import Limiter, _rate_limit_exceeded_handler
+from slowapi.util import get_remote_address
+from slowapi.errors import RateLimitExceeded
+from showcase_ui import build_showcase_app
+from admin_ui import build_admin_app
+
+load_dotenv()
+
+HOST = "0.0.0.0"
+PORT = int(os.getenv("PORT", 7860))
+ADMIN_USER     = os.getenv("ADMIN_USER",     "admin")
+ADMIN_PASSWORD = os.getenv("ADMIN_PASSWORD", "admin")
+
+# ── RATE LIMITER ──────────────────────────────────────────────────────
+limiter = Limiter(key_func=get_remote_address, default_limits=["60/minute"])
+
+# ── ДОДАТКИ ───────────────────────────────────────────────────────────
+app_showcase = build_showcase_app()
+app_admin    = build_admin_app()
+
+# ── FASTAPI ───────────────────────────────────────────────────────────
+app = FastAPI()
+app.state.limiter = limiter
+app.add_exception_handler(RateLimitExceeded, _rate_limit_exceeded_handler)
+
+BLOCKED_PATHS = (
+    "/config.json", "/.env", "/utils.py", "/main.py",
+    "/admin_ui.py", "/showcase_ui.py", "/queue/", "/upload",
+    "/.git", "/static/../",
+)
+
+@app.middleware("http")
+async def security_middleware(request: Request, call_next):
+    path = request.url.path.lower()
+    for blocked in BLOCKED_PATHS:
+        if path.startswith(blocked):
+            return PlainTextResponse("404 Not Found", status_code=404)
+    if ".." in path or "%2e" in path or "%2f" in path:
+        return PlainTextResponse("400 Bad Request", status_code=400)
+    ua = request.headers.get("user-agent", "").lower()
+    bad_agents = ("sqlmap", "nikto", "nmap", "masscan", "zgrab")
+    if any(b in ua for b in bad_agents):
+        return PlainTextResponse("403 Forbidden", status_code=403)
+    response = await call_next(request)
+    response.headers["X-Content-Type-Options"] = "nosniff"
+    response.headers["X-Frame-Options"] = "SAMEORIGIN"
+    response.headers["X-XSS-Protection"] = "1; mode=block"
+    response.headers["Referrer-Policy"] = "no-referrer"
+    return response
+
+@app.get("/figvam")
+def redirect_admin():
+    return RedirectResponse(url="/figvam/")
+
+app = gr.mount_gradio_app(app, app_admin,    path="/figvam",
+                          auth=(ADMIN_USER, ADMIN_PASSWORD),
+                          auth_message="Unstop Admin")
+app = gr.mount_gradio_app(app, app_showcase, path="/")
+
+# ── ЛОКАЛЬНИЙ ЗАПУСК ──────────────────────────────────────────────────
+def wait_and_open():
+    for _ in range(40):
+        try:
+            with socket.create_connection(("localhost", PORT), timeout=1):
+                webbrowser.open(f"http://localhost:{PORT}")
+                return
+        except OSError:
+            time.sleep(0.5)
+
+if __name__ == "__main__":
+    threading.Thread(target=wait_and_open, daemon=True).start()
+    uvicorn.run(app, host=HOST, port=PORT, log_level="warning")

models/Unstop Retail 4032W/Opis.txt

@@ -0,0 +1,34 @@
+## 🔋 Зарядна станція Unstop Retail 4032W LiFePO4
+
+**Готове рішення для безперебійної роботи магазинів та аптек.**
+Максимально просте підключення — без виклику електрика.
+
+---
+
+### 🧰 Розумний баланс: тривала робота + захист
+
+Станція розрахована на навантаження **до 1 кВт** — цього з запасом вистачає для всього критичного обладнання. Якщо хтось випадково підключить потужний прилад (>1000 Вт), станція **не згорить**, а автоматично перейде в режим захисту.
+
+---
+
+### 📊 Характеристики
+
+| Параметр | Значення |
+|---|---|
+| 🔋 Ємність | **4032 Wh** (комірки А-класу, LiFePO4) |
+| ⏱ Автономність | **8+ годин** для точки з 1 касою |
+| ⚡ Заряджання | **0 → 100% за 3 години** |
+| 🔄 Ресурс | до **6000 циклів** |
+| 🔒 Безпека | BMS, захист від КЗ, стабільні 220 В |
+
+---
+
+### 🔥 Для чого підходить
+
+Касові апарати • Ваги • POS-термінали • Роутери • Робочі ПК • LED-освітлення
+
+---
+
+### 💵 Вартість: **49 000 грн**
+
+> Забезпечте стабільну роботу вашого бізнесу вже сьогодні!

models/Unstop Retail 4032W/Price.txt

@@ -0,0 +1 @@
+49 000 грн

models/Unstop Retail 4032W/Subtitle.txt

@@ -0,0 +1 @@
+🔋 LiFePO4 • 4032 Wh • 8+ годин автономної роботи для вашого бізнесу

models/Unstop Retail 5032W/Opis.txt

@@ -0,0 +1,35 @@
+## 🔋 Зарядна станція Unstop Retail 5032W LiFePO4
+
+**Готове рішення для безперебійної роботи магазинів та аптек.**
+Максимально просте підключення — без виклику електрика.
+
+---
+
+### 🧰 Розумний баланс: тривала робота + захист
+
+Станція розрахована на навантаження **до 1 кВт** — цього з запасом вистачає для всього критичного обладнання.
+Якщо хтось випадково підключить потужний прилад (>1000 Вт), станція **не згорить**, а автоматично перейде в режим захисту.
+
+---
+
+### 📊 Характеристики
+
+| Параметр | Значення |
+|---|---|
+| 🔋 Ємність | **5032 Wh** (комірки А-класу, LiFePO4) |
+| ⏱ Автономність | **10+ годин** для точки з 1 касою |
+| ⚡ Заряджання | **0 → 100% за 3.5 години** |
+| 🔄 Ресурс | до **6000 циклів** |
+| 🔒 Безпека | BMS, захист від КЗ, стабільні 220 В |
+
+---
+
+### 🔥 Для чого підходить
+
+Касові апарати • Ваги • POS-термінали • Роутери • Робочі ПК • LED-освітлення
+
+---
+
+### 💵 Вартість: **55 000 грн**
+
+> Забезпечте стабільну роботу вашого бізне

models/Unstop Retail 5032W/Price.txt

@@ -0,0 +1 @@
+55 000 грн

models/Unstop Retail 5032W/Subtitle.txt

@@ -0,0 +1 @@
+🔋 LiFePO4 • 4032 Wh • 8+ годин автономної роботи для вашого бізнесу

requirements.txt

@@ -0,0 +1,7 @@
+gradio==5.9.1
+huggingface_hub==0.27.0
+fastapi
+uvicorn
+jinja2
+python-dotenv
+slowapi

showcase_ui.py

@@ -0,0 +1,75 @@
+import os, html, json
+import gradio as gr
+from jinja2 import Environment, FileSystemLoader
+from utils import read_file, get_models_data, get_contacts, img_b64, opis_to_html
+
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+ASSETS_DIR = os.path.join(BASE_DIR, "assets")
+
+env = Environment(loader=FileSystemLoader(ASSETS_DIR), autoescape=True)
+
+SHOWCASE_EXTRA_CSS = """
+footer, footer *, .footer,
+div[class*="footer"], .built-with, [class*="built-with"],
+[class*="ApiLink"], [class*="api-link"], .show-api,
+a[href*="gradio.app"], a[href*="huggingface"],
+button[title*="API"], button[title*="Setting"],
+button[aria-label*="Setting"],
+.top-panel, div.top-panel, [class*="top-panel"]
+{ display: none !important; visibility: hidden !important;
+  height: 0 !important; overflow: hidden !important; }
+.gradio-container { min-height: unset !important; }
+"""
+
+HIDE_FOOTER_JS = """
+() => {
+    const kill = () => {
+        document.querySelectorAll('footer, .footer, [class*="footer"]').forEach(el => el.remove());
+        document.querySelectorAll('.show-api, [class*="ApiLink"], [class*="api-link"]').forEach(el => el.remove());
+        document.querySelectorAll('button[title*="Setting"], button[aria-label*="Setting"]').forEach(el => el.remove());
+        document.querySelectorAll('a[href*="gradio.app"]').forEach(el => { let p = el.closest('div'); if(p) p.remove(); });
+    };
+    kill();
+    setTimeout(kill, 300);
+    setTimeout(kill, 1000);
+    new MutationObserver(kill).observe(document.body, {childList:true, subtree:true});
+}
+"""
+
+def build_gallery(images):
+    if not images:
+        return '<div style="padding:40px;text-align:center;color:#888">Фото відсутні</div>'
+    imgs_json = json.dumps([img_b64(p) for p in images])
+    gallery_tpl = env.get_template("gallery.html")
+    gallery_html = gallery_tpl.render(imgs_json=imgs_json, n=len(images))
+    return f'<iframe srcdoc="{html.escape(gallery_html)}" allow="fullscreen" class="ur-gallery-frame" scrolling="no"></iframe>'
+
+def render_showcase():
+    models_data = get_models_data(BASE_DIR)
+    contacts = get_contacts(BASE_DIR)
+    for m in models_data:
+        m['desc_html'] = opis_to_html(m['opis_raw'])
+        m['gallery_html'] = build_gallery(m['images'])
+    landing_tpl = env.get_template("landing.html")
+    rendered = landing_tpl.render(models=models_data, contacts=contacts)
+    return rendered, models_data
+
+shell_css = read_file(os.path.join(ASSETS_DIR, "shell.css")) + SHOWCASE_EXTRA_CSS
+
+def build_showcase_app():
+    # Gradio 4: css= и js= работают в конструкторе
+    with gr.Blocks(
+        title="Unstop Retail",
+        css=shell_css,
+        js=HIDE_FOOTER_JS,
+        analytics_enabled=False,
+    ) as app_showcase:
+        showcase_html = gr.HTML()
+
+        def get_current_html():
+            html_content, _ = render_showcase()
+            return html_content
+
+        app_showcase.load(fn=get_current_html, inputs=[], outputs=[showcase_html])
+
+    return app_showcase

utils.py

@@ -0,0 +1,142 @@
+import os, base64, re, json
+
+DEFAULT_CONTACTS = {
+    "phone": "+380675745662",
+    "phone_display": "+38 067 574 56 62",
+    "tg_link": "https://t.me/unstop_retail",
+    "tg_display": "Telegram",
+    "map_iframe": 'https://www.google.com/maps/d/embed?mid=1pn9YLjrvuNJtrxwioRFoS-RC3eAdPAA&ehbc=2E312F&noprof=1',
+    "address": "м. Харків, Основ'янський район"
+}
+
+def read_file(path, fallback=""):
+    if os.path.exists(path):
+        with open(path, "r", encoding="utf-8") as f:
+            return f.read()
+    return fallback
+
+def img_b64(path):
+    ext = os.path.splitext(path)[1].lower()
+    mime = "image/png" if ext == ".png" else "image/jpeg" if ext in [".jpg", ".jpeg"] else "image/webp"
+    with open(path, "rb") as f:
+        return f"data:{mime};base64," + base64.b64encode(f.read()).decode()
+
+def _read_config(base_dir):
+    config_path = os.path.join(base_dir, "config.json")
+    if os.path.exists(config_path):
+        with open(config_path, "r", encoding="utf-8") as f:
+            return json.load(f)
+    return {"models": [], "contacts": DEFAULT_CONTACTS.copy()}
+
+def _write_config(base_dir, data):
+    config_path = os.path.join(base_dir, "config.json")
+    with open(config_path, "w", encoding="utf-8") as f:
+        json.dump(data, f, ensure_ascii=False, indent=4)
+
+def get_contacts(base_dir):
+    cfg = _read_config(base_dir)
+    contacts = cfg.get("contacts", {})
+    # Fill missing keys with defaults
+    for k, v in DEFAULT_CONTACTS.items():
+        contacts.setdefault(k, v)
+    return contacts
+
+def save_contacts(base_dir, contacts: dict):
+    cfg = _read_config(base_dir)
+    cfg["contacts"] = contacts
+    _write_config(base_dir, cfg)
+
+def get_models_data(base_dir):
+    config_path = os.path.join(base_dir, "config.json")
+    models_dir = os.path.join(base_dir, "models")
+
+    if not os.path.exists(config_path):
+        models_list = []
+        if os.path.exists(models_dir) and os.path.isdir(models_dir):
+            for i, folder in enumerate(sorted(os.listdir(models_dir))):
+                folder_path = os.path.join(models_dir, folder)
+                if os.path.isdir(folder_path):
+                    opis = read_file(os.path.join(folder_path, "Opis.txt"), fallback="")
+                    price = read_file(os.path.join(folder_path, "Price.txt"), fallback="49 000 грн").strip()
+                    subtitle = read_file(os.path.join(folder_path, "Subtitle.txt"), fallback="🔋 Надійна енергія для вашого бізнесу").strip()
+                    models_list.append({
+                        "id": f"m_{i}", "folder": folder, "name": folder,
+                        "title": folder, "subtitle": subtitle, "price": price, "opis_raw": opis
+                    })
+        if not models_list:
+            models_list.append({
+                "id": "m_main", "folder": "", "name": "Базова",
+                "title": "Unstop Retail 4032W",
+                "subtitle": "🔋 LiFePO4 • 4032 Wh • 8+ годин автономної роботи",
+                "price": "49 000 грн",
+                "opis_raw": read_file(os.path.join(base_dir, "Opis.txt"), fallback="")
+            })
+        _write_config(base_dir, {"models": models_list, "contacts": DEFAULT_CONTACTS.copy()})
+
+    cfg = _read_config(base_dir)
+    models = cfg.get("models", [])
+
+    for m in models:
+        folder_name = m.get("folder", "")
+        folder_path = os.path.join(models_dir, folder_name) if folder_name else base_dir
+        images = []
+        if os.path.exists(folder_path):
+            images = sorted([
+                os.path.join(folder_path, img) for img in os.listdir(folder_path)
+                if img.lower().endswith(('.webp', '.png', '.jpg', '.jpeg'))
+            ])
+        if not images and not folder_name:
+            candidates = ["image (1).webp", "image (2).webp", "image.webp"]
+            images = [os.path.join(base_dir, p) for p in candidates if os.path.exists(os.path.join(base_dir, p))]
+        m["images"] = images
+
+    return models
+
+def save_config(base_dir, models_data):
+    cfg = _read_config(base_dir)
+    clean_models = []
+    for m in models_data:
+        clean_models.append({
+            "id": m.get("id"), "folder": m.get("folder", ""),
+            "name": m.get("name", ""), "title": m.get("title", ""),
+            "subtitle": m.get("subtitle", ""), "price": m.get("price", ""),
+            "opis_raw": m.get("opis_raw", "")
+        })
+    cfg["models"] = clean_models
+    _write_config(base_dir, cfg)
+
+def opis_to_html(text):
+    if not text: return "<p>Опис не знайдено.</p>"
+    lines, parts, in_tbl, tbuf = text.split("\n"), [], False, []
+    for line in lines:
+        if line.startswith("## "): parts.append(f"<h2>{line[3:].strip()}</h2>"); continue
+        if line.startswith("### "): parts.append(f"<h3>{line[4:].strip()}</h3>"); continue
+        if line.strip() in ("---", "***", "___"): parts.append("<hr>"); continue
+        if "|" in line and line.strip().startswith("|"):
+            if not in_tbl: in_tbl, tbuf = True, []
+            tbuf.append(line); continue
+        if in_tbl:
+            parts.append(_tbl(tbuf)); in_tbl = False
+        if line.startswith("> "):
+            parts.append(f'<blockquote>{line[2:].strip()}</blockquote>')
+        elif line.strip():
+            l = re.sub(r"\*\*(.+?)\*\*", r"<strong>\1</strong>", line)
+            l = re.sub(r"\*(.+?)\*", r"<em>\1</em>", l)
+            if l.strip().startswith("- "):
+                parts.append(f"<li>{l.strip()[2:]}</li>")
+            else:
+                parts.append(f"<p>{l.strip()}</p>")
+        else:
+            parts.append("")
+    if in_tbl: parts.append(_tbl(tbuf))
+    res = "\n".join(parts)
+    return re.sub(r"((?:<li>.*?</li>\n?)+)", r"<ul>\1</ul>", res)
+
+def _tbl(rows):
+    html_tbl = "<table>"
+    for i, row in enumerate(rows):
+        cells = [c.strip() for c in row.strip().strip("|").split("|")]
+        if all(set(c) <= set("-: ") for c in cells): continue
+        tag = "th" if i == 0 else "td"
+        html_tbl += "<tr>" + "".join(f"<{tag}>{c}</{tag}>" for c in cells) + "</tr>"
+    return html_tbl + "</table>"