💠 Pricelist Hub

Pricelist Hub is the aesthetic and functional control center of the AI chatbot integrated into the Pricelist ecosystem. Through this panel, the administrator can customize:
• colors, texts, and messages;
• buttons and toolbar;
• visual behavior of the chat window and voice modes.

🧩 Panel Sections

1️⃣ General
Manages dimensions and positioning of the chatbot.
• Desktop Width / Desktop Height → dimensions of the chatbot in the desktop version. Ex. 600px – 400px
• Tablet Width / Tablet Height → dimensions of the chatbot in the tablet version. Ex. 100% – 100%
• Chatbot Position → position of the chatbot on the page.

2️⃣ Chatbot Button
Manages dimensions, color, image, and rounding of the chatbot open button.
• Width / Height → dimensions of the button to open the chatbot. Ex. 60px – 60px
• Background Color → background color of the button
• Image URL → URL of the image to use as the button background
• Border Color → color of the button border
• Border Thickness → thickness of the button border
• Corner Rounding → rounding to apply to the button border. Ex. 10px

3️⃣ Header
Check the top part of the chatbot window (title bar and close button).
Configurable fields:
• Header background color → main color of the top bar.
• Header text color → color of the title.
• Header text → text displayed in the title (e.g., “Devcore AI”).
• Login background color / login text color → palette of the user authentication screen.
• Close button color → color of the “X” icon.

4️⃣ Hub Toolbar
Manages quick buttons in the top bar of the chatbot, access hub for secondary modules.
Configurable buttons:
• Toolbar background → overall background color of the bar.
• 📖 Pricelist Button → opens the online price list.
• 📝 Prev Button → opens the Quotes section.
• 👁️ Vision Button → activates Vision mode for image generation (Leonardo AI).
• 📦 DeepSpace Button → accesses the parametric 3D configurator.
Each button can have a custom color to distinguish functions.

5️⃣ Chat Window
Manages messages and colors of the conversation area.
Configurable fields:
• Welcome message → initial text shown to the user.
• AI response background → background color of bot messages.
• User message background → color of messages sent by the user.
• AI text color / User text color → color of texts in chat.

6️⃣ Footer Input
Configure the bottom bar for sending messages.
Configurable fields:
• Input text color → color of the typed text.
• Input background color → color of the writing field.
• Send button → color of the “Send” button.
• Microphone button → color of the button to activate voice mode.

7️⃣ Voice Mode (Overlay)
Control the appearance of voice mode during listening and response.
Configurable fields:
• Circle diameter → size of the voice circle (px).
• Listening/response circle color → animated colors during recording and response.
• Transcribed text color → color of the dictated text displayed in real time.
• Mobile instructions color → color of the guide message.
• Mobile instruction text → customized message (e.g., “Tap the circle to speak”).