💠 Cjenik Hub

Pricelist Hub je estetski i funkcionalni kontrolni centar AI chatbota integriranog u ekosustav Pricelist. Kroz ovu ploču, administrator može prilagoditi:
• boje, tekstove i poruke;
• gumbe i alatne trake;
• vizualno ponašanje prozora za chat i glasovnih načina rada.

🧩 Sekcije panela

1️⃣ Općenito
Upravlja dimenzijama i pozicioniranjem chatbota.
• Širina desktopa / Visina desktopa → dimenzije chatbota u desktop verziji. Npr. 600px – 400px
• Širina tableta / Visina tableta → dimenzije chatbota u verziji za tablet. Npr. 100% – 100%
• Pozicija chatbota → pozicija chatbota na stranici.

2️⃣ Gumb Chatbot
Upravlja dimenzijama, bojom, slikom i zaobljenjem gumba za otvaranje chatbota.
• Širina / Visina → dimenzije gumba za otvaranje chatbota. Npr. 60px – 60px
• Boja pozadine → boja pozadine gumba
• URL slike → URL slike za korištenje kao pozadina gumba
• Boja ruba → boja ruba gumba
• Debljina ruba → debljina ruba gumba
• Zaobljenje uglova → zaobljenje koje se primjenjuje na rub gumba. Npr. 10px

3️⃣ Zaglavlje
Provjerite gornji dio prozora chatbota (traka s naslovom i gumb za zatvaranje).
Konfigurabilna polja:
• Boja pozadine zaglavlja → glavna boja gornje trake.
• Boja teksta zaglavlja → boja naslova.
• Tekst zaglavlja → tekst prikazan u naslovu (npr. “Devcore AI”).
• Boja pozadine prijave / boja teksta prijave → paleta zaslona za autentifikaciju korisnika.
• Boja gumba za zatvaranje → boja ikone “X”.

4️⃣ Alatna traka Hub
Upravlja brzim gumbima u gornjoj traci chatbota, pristupnom središtu za sekundarne module.
Konfigurabilni gumbi:
• Pozadina alatne trake → ukupna boja pozadine trake.
• 📖 Gumb Cjenik → otvara online cjenik.
• 📝 Gumb Prev → otvara odjeljak Ponude.
• 👁️ Gumb Vision → aktivira način Vision za generiranje slika (Leonardo AI).
• 📦 Gumb DeepSpace → pristupa parametarskom 3D konfiguratoru.
Svaki gumb može imati prilagođenu boju za razlikovanje funkcija.

5️⃣ Prozor za chat
Upravlja porukama i bojama područja za razgovor.
Konfigurabilna polja:
• Poruka dobrodošlice → početni tekst prikazan korisniku.
• Pozadina odgovora AI → boja pozadine poruka bota.
• Pozadina poruke korisnika → boja poruka koje šalje korisnik.
• Boja teksta AI / Boja teksta korisnika → boja tekstova u chatu.

6️⃣ Footer Input
Postavite donju traku za slanje poruka.
Konfigurabilna polja:
• Boja teksta unosa → boja unesenog teksta.
• Boja pozadine unosa → boja polja za pisanje.
• Dugme za slanje → boja dugmeta “Pošalji”.
• Dugme za mikrofon → boja dugmeta za aktivaciju glasovnog načina.

7️⃣ Glasovni način (Overlay)
Kontrolirajte izgled glasovnog načina tijekom slušanja i odgovaranja.
Konfigurabilna polja:
• Promjer kruga → veličina glasovnog kruga (px).
• Boja kruga pri slušanju / odgovaranju → animirane boje tijekom snimanja i odgovaranja.
• Boja transkribiranog teksta → boja diktiranog teksta prikazanog u stvarnom vremenu.
• Boja uputa na mobilnom uređaju → boja poruke vodiča.
• Tekst upute na mobilnom uređaju → prilagođena poruka (npr. “Dodirnite krug za govor”).