---
name: hypostars_shell
description: HypoStars jednotné menu + chatbot Hypouš = sdílený injektor /assets/hs-shell.js na všech stránkách
metadata: 
  node_type: memory
  type: project
[Citlivý přístupový nebo provozní údaj je ve veřejném katalogu skrytý.]
---

**hypostars.cz — menu + chatbot Hypouš jsou JEDNOTNÉ přes sdílený injektor** (nasazeno 2026-06-14). Místo kopírování menu/bota do každé stránky → **`/var/www/hypostars/assets/hs-shell.js`** (lokál `C:\Users\info\.claude-code\hs-shell.js`).

**Co dělá:** idempotentně (1) smaže existující inline menu/bot (`#hsmenu`, `.hypo-chat-btn`, `.hypo-chat-panel`, inline style bloky `#hypo-chat-style`/`#hs-*-restyle`), (2) vloží kanonický CSS (base bot + base menu + restyly) do head, (3) menu (hsmenu-wrap se sociálkami FB/IG/TT + tlačítka) na documentElement, (4) bot (Hypouš chat button + panel) do body, (5) chat JS (`window.hcToggle`/`window.hcSend` → `https://router.czechai.io/openrouter/v1/chat/completions`, model gpt-oss-120b:free). Aktivní položka menu dle `location.pathname`.

**Napojeno na všech 11 HTML** (`<script src="/assets/hs-shell.js" defer></script>` před `</body>`): index + kalkulacka/banky/pojistovny/nebankovni/kalendar/bonus/reg/mesto/ (mesto+reg dřív menu/bot NEMĚLY). 

[Citlivý bezpečnostní nebo osobní detail je ve veřejném katalogu skrytý.]

**🎨 Spodní menu = modern komiks (2026-06-26):** tlačítka `.hsmb` předělána na gradientové „sticker" pilulky (3D spodní hrana `0 4px 0 #000`, glossy inset top, pružný bounce hover `cubic-bezier(.34,1.56,.64,1)` + rotate/scale), per-kategorie gradient. 4 social kolečka (FB/IG/TT/YT, `.hs-soc` `order:9`) zůstala vpravo. 🔴 GOTCHA: homepage má vlastní stylesheet `hs-home-no-yellow-strip` s `#hsmenu .hsmb-active{background:…!important}` (vyšší specificita ID + !important) → potlačuje aktivní zvýraznění. Aby žluté active prošlo, selektor v hs-shell musí být `#hsmenu .hsmenu-inner a.hsmb-active{…!important}` (specificita 1,2,1 > 1,1,0).

**🔴 Po ZMĚNĚ menu/bota:** edituj JEN `hs-shell.js` + scp + **bump `?v=N` ve všech HTML** (viz výše) + bump SW `hs-vN`. Ověř `curl -s 'hypostars.cz/assets/hs-shell.js?v=N'` (200) + `node --check`. Souvisí [[project_hypostars_cz_hosting]], [[hypostars_sw_cache_socials]].

**🃏 Pexeso hra (2026-06-19):** menu má tlačítko `🃏 Pexeso`→`/pexeso/` (růžové, mezi Hra Hypouš a Hypotown). `/var/www/hypostars/pexeso/index.html` = fullscreen iframe embed na `https://pexeso-653338867315.europe-west1.run.app` (Google AI Studio app „Pexeso Pro Kulišáky" s HYPO STARS kartami, funguje bez klíče) + back tlačítko →/bonus/. Ověřeno živě v iframe. 🔴 Uživatelův Google API klíč `AIzaSy…` z chatu jsem NEDAL do veřejné HTML (security) — pexeso ho má vlastní na Cloud Run. Pexeso stránka NEMÁ hs-shell menu (fullscreen hra).