@lobehub/chat 1.79.10 → 1.80.1

package/docs/development/database-schema.dbml

@@ -16,6 +16,8 @@ table agents {
   provider text
   system_role text
   tts jsonb
+  opening_message text
+  opening_questions text[] [default: `[]`]
   accessed_at "timestamp with time zone" [not null, default: `now()`]
   created_at "timestamp with time zone" [not null, default: `now()`]
   updated_at "timestamp with time zone" [not null, default: `now()`]

package/locales/ar/setting.json

@@ -6,6 +6,7 @@
     "chat": "تفضيلات الدردشة",
     "meta": "معلومات المساعد",
     "modal": "إعدادات النموذج",
+    "opening": "إعداد الافتتاح",
     "plugin": "إعدادات الإضافة",
     "prompt": "تعيين الشخصية",
     "tts": "خدمة النص إلى كلام"
@@ -253,6 +254,21 @@
       "title": "مستوى الانفتاح الفكري"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "رسالة الافتتاح عند بدء المحادثة، تستخدم لتعريف وظائف المساعد",
+      "placeholder": "مرحبًا، أنا المساعد المخصص، يمكنك بدء المحادثة معي على الفور، أو يمكنك الذهاب إلى إعدادات المساعد لإكمال معلوماتي.",
+      "title": "رسالة الافتتاح"
+    },
+    "openingQuestions": {
+      "desc": "الأسئلة الإرشادية المعروضة عند بدء المحادثة",
+      "empty": "لا توجد أسئلة حالياً",
+      "placeholder": "أدخل السؤال",
+      "repeat": "السؤال موجود بالفعل",
+      "title": "أسئلة الافتتاح"
+    },
+    "title": "إعداد الافتتاح"
+  },
   "settingPlugin": {
     "title": "قائمة الإضافات"
   },

package/locales/bg-BG/setting.json

@@ -6,6 +6,7 @@
     "chat": "Предпочитания за чат",
     "meta": "Информация за асистента",
     "modal": "Настройки на модела",
+    "opening": "Настройка на откритие",
     "plugin": "Настройки на добавката",
     "prompt": "Настройки на ролята",
     "tts": "Гласова услуга"
@@ -253,6 +254,21 @@
       "title": "Отвореност на мисленето"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Съобщение за откритие при стартиране на сесия, използвано за представяне на функциите на асистента",
+      "placeholder": "Здравей, аз съм Персонализиран асистент, можеш веднага да започнеш разговор с мен или да отидеш в Настройки на асистента, за да попълниш информацията ми.",
+      "title": "Съобщение за откритие"
+    },
+    "openingQuestions": {
+      "desc": "Водещи въпроси, показвани в началото на сесията",
+      "empty": "Няма въпроси",
+      "placeholder": "Въведете въпрос",
+      "repeat": "Въпросът вече съществува",
+      "title": "Въпроси за откритие"
+    },
+    "title": "Настройка на откритие"
+  },
   "settingPlugin": {
     "title": "Списък с плъгини"
   },

package/locales/de-DE/setting.json

@@ -6,6 +6,7 @@
     "chat": "Chat-Präferenz",
     "meta": "Assistenteninformation",
     "modal": "Modell-Einstellungen",
+    "opening": "Eröffnungs Einstellungen",
     "plugin": "Plugin-Einstellungen",
     "prompt": "Rollenkonfiguration",
     "tts": "Sprachdienst"
@@ -253,6 +254,21 @@
       "title": "Offenheit des Denkens"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Die Eröffnungsnachricht beim Start des Gesprächs, um die Funktionen des Assistenten vorzustellen",
+      "placeholder": "Hallo, ich bin der benutzerdefinierte Assistent. Du kannst sofort mit mir sprechen oder zu den Assistenteneinstellungen gehen, um meine Informationen zu vervollständigen.",
+      "title": "Eröffnungsnachricht"
+    },
+    "openingQuestions": {
+      "desc": "Leitfragen, die zu Beginn des Gesprächs angezeigt werden",
+      "empty": "Keine Fragen vorhanden",
+      "placeholder": "Bitte Frage eingeben",
+      "repeat": "Frage existiert bereits",
+      "title": "Eröffnungsfragen"
+    },
+    "title": "Eröffnungs Einstellungen"
+  },
   "settingPlugin": {
     "title": "Plugin-Liste"
   },

package/locales/en-US/setting.json

@@ -6,6 +6,7 @@
     "chat": "Chat Preferences",
     "meta": "Assistant Info",
     "modal": "Model Settings",
+    "opening": "Opening Settings",
     "plugin": "Plugin Settings",
     "prompt": "Role Configuration",
     "tts": "Voice Service"
@@ -253,6 +254,21 @@
       "title": "Openness to Ideas"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "The opening message displayed when the conversation starts, used to introduce the assistant's features",
+      "placeholder": "Hello, I am your Custom Assistant. You can start chatting with me right away, or go to Assistant Settings to complete my information.",
+      "title": "Opening Message"
+    },
+    "openingQuestions": {
+      "desc": "Guiding questions displayed at the beginning of the conversation",
+      "empty": "No questions available",
+      "placeholder": "Please enter a question",
+      "repeat": "Question already exists",
+      "title": "Opening Questions"
+    },
+    "title": "Opening Settings"
+  },
   "settingPlugin": {
     "title": "Plugin List"
   },

package/locales/es-ES/setting.json

@@ -6,6 +6,7 @@
     "chat": "Preferencias de chat",
     "meta": "Información del asistente",
     "modal": "Configuración del modelo",
+    "opening": "Configuración de apertura",
     "plugin": "Configuración de complementos",
     "prompt": "Configuración de roles",
     "tts": "Servicio de voz"
@@ -253,6 +254,21 @@
       "title": "Apertura mental"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Mensaje de apertura al iniciar la conversación, utilizado para presentar las funciones del asistente",
+      "placeholder": "Hola, soy el asistente personalizado, puedes comenzar a hablar conmigo de inmediato o ir a la configuración del asistente para completar mi información.",
+      "title": "Mensaje de apertura"
+    },
+    "openingQuestions": {
+      "desc": "Preguntas orientativas que se muestran al inicio de la conversación",
+      "empty": "No hay preguntas disponibles",
+      "placeholder": "Introduce una pregunta",
+      "repeat": "La pregunta ya existe",
+      "title": "Preguntas de apertura"
+    },
+    "title": "Configuración de apertura"
+  },
   "settingPlugin": {
     "title": "Lista de complementos"
   },

package/locales/fa-IR/setting.json

@@ -6,6 +6,7 @@
     "chat": "ترجیحات گفتگو",
     "meta": "اطلاعات دستیار",
     "modal": "تنظیمات مدل",
+    "opening": "تنظیمات آغازین",
     "plugin": "تنظیمات افزونه",
     "prompt": "تنظیمات شخصیت",
     "tts": "خدمات صوتی"
@@ -253,6 +254,21 @@
       "title": "باز بودن ذهن"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "پیام آغازین هنگام باز کردن گفتگو، برای معرفی قابلیت‌های دستیار",
+      "placeholder": "سلام، من دستیار سفارشی هستم، می‌توانید بلافاصله با من گفتگو کنید یا به تنظیمات دستیار بروید تا اطلاعات من را تکمیل کنید.",
+      "title": "پیام آغازین"
+    },
+    "openingQuestions": {
+      "desc": "سوالات راهنمایی که در ابتدای گفتگو نمایش داده می‌شوند",
+      "empty": "سوالی وجود ندارد",
+      "placeholder": "لطفاً سوال را وارد کنید",
+      "repeat": "سوال قبلاً وجود دارد",
+      "title": "سوالات آغازین"
+    },
+    "title": "تنظیمات آغازین"
+  },
   "settingPlugin": {
     "title": "فهرست افزونه‌ها"
   },

package/locales/fr-FR/setting.json

@@ -6,6 +6,7 @@
     "chat": "Préférences de discussion",
     "meta": "Informations de l'agent",
     "modal": "Paramètres du modèle",
+    "opening": "Paramètres d'ouverture",
     "plugin": "Paramètres du plugin",
     "prompt": "Configuration du rôle",
     "tts": "Service vocal"
@@ -253,6 +254,21 @@
       "title": "Ouverture d'esprit"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Message d'ouverture lors de l'initiation de la conversation, utilisé pour présenter les fonctionnalités de l'assistant",
+      "placeholder": "Bonjour, je suis l'assistant personnalisé, vous pouvez commencer à discuter avec moi immédiatement ou aller dans les paramètres de l'assistant pour compléter mes informations.",
+      "title": "Message d'ouverture"
+    },
+    "openingQuestions": {
+      "desc": "Questions d'orientation affichées au début de la conversation",
+      "empty": "Aucune question pour le moment",
+      "placeholder": "Veuillez entrer une question",
+      "repeat": "La question existe déjà",
+      "title": "Questions d'ouverture"
+    },
+    "title": "Paramètres d'ouverture"
+  },
   "settingPlugin": {
     "title": "Liste des plugins"
   },

package/locales/it-IT/setting.json

@@ -6,6 +6,7 @@
     "chat": "Preferenze di chat",
     "meta": "Informazioni assistente",
     "modal": "Impostazioni modello",
+    "opening": "Impostazioni di apertura",
     "plugin": "Impostazioni plugin",
     "prompt": "Impostazioni ruolo",
     "tts": "Servizio vocale"
@@ -253,6 +254,21 @@
       "title": "Apertura Mentale"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Messaggio di apertura quando si avvia la conversazione, utilizzato per presentare le funzionalità dell'assistente",
+      "placeholder": "Ciao, sono l'assistente personalizzato, puoi iniziare subito a conversare con me oppure andare su Impostazioni assistente per completare le mie informazioni.",
+      "title": "Messaggio di apertura"
+    },
+    "openingQuestions": {
+      "desc": "Domande guida visualizzate all'inizio della conversazione",
+      "empty": "Nessuna domanda disponibile",
+      "placeholder": "Inserisci una domanda",
+      "repeat": "La domanda esiste già",
+      "title": "Domande di apertura"
+    },
+    "title": "Impostazioni di apertura"
+  },
   "settingPlugin": {
     "title": "Elenco dei plugin"
   },

package/locales/ja-JP/setting.json

@@ -6,6 +6,7 @@
     "chat": "チャット設定",
     "meta": "メタ情報",
     "modal": "モーダル設定",
+    "opening": "オープニング設定",
     "plugin": "プラグイン設定",
     "prompt": "プロンプト設定",
     "tts": "音声サービス"
@@ -253,6 +254,21 @@
       "title": "思考の開放度"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "会話を開始する際のオープニングメッセージで、アシスタントの機能を紹介します",
+      "placeholder": "こんにちは、私はカスタムアシスタントです。すぐに私と会話を始めることも、アシスタント設定に進んで私の情報を充実させることもできます。",
+      "title": "オープニングメッセージ"
+    },
+    "openingQuestions": {
+      "desc": "会話開始時に表示されるガイド質問",
+      "empty": "質問はありません",
+      "placeholder": "質問を入力してください",
+      "repeat": "質問は既に存在します",
+      "title": "オープニング質問"
+    },
+    "title": "オープニング設定"
+  },
   "settingPlugin": {
     "title": "プラグインリスト"
   },

package/locales/ko-KR/setting.json

@@ -6,6 +6,7 @@
     "chat": "채팅 환경",
     "meta": "도우미 정보",
     "modal": "모델 설정",
+    "opening": "오프닝 설정",
     "plugin": "플러그인 설정",
     "prompt": "역할 설정",
     "tts": "음성 서비스"
@@ -253,6 +254,21 @@
       "title": "사고 개방성"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "대화 시작 시 표시되는 오프닝 메시지로, 어시스턴트의 기능을 소개합니다.",
+      "placeholder": "안녕하세요, 저는 맞춤형 어시스턴트입니다. 지금 바로 저와 대화를 시작하시거나, 어시스턴트 설정으로 가서 제 정보를 완성할 수 있습니다.",
+      "title": "오프닝 메시지"
+    },
+    "openingQuestions": {
+      "desc": "대화 시작 시 표시되는 안내 질문",
+      "empty": "질문이 없습니다",
+      "placeholder": "질문을 입력하세요",
+      "repeat": "질문이 이미 존재합니다",
+      "title": "오프닝 질문"
+    },
+    "title": "오프닝 설정"
+  },
   "settingPlugin": {
     "title": "플러그인 목록"
   },

package/locales/nl-NL/setting.json

@@ -6,6 +6,7 @@
     "chat": "Chatvoorkeur",
     "meta": "Assistentinformatie",
     "modal": "Modelinstellingen",
+    "opening": "Openingsinstellingen",
     "plugin": "Plugin-instellingen",
     "prompt": "Rolinstelling",
     "tts": "Tekst-naar-spraakdienst"
@@ -253,6 +254,21 @@
       "title": "Openheid van Denken"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "De openingsboodschap bij het starten van een gesprek, bedoeld om de functies van de assistent voor te stellen",
+      "placeholder": "Hallo, ik ben de aangepaste assistent. Je kunt direct met me beginnen praten of naar de assistentinstellingen gaan om mijn informatie aan te vullen.",
+      "title": "Openingsboodschap"
+    },
+    "openingQuestions": {
+      "desc": "Leidende vragen die worden weergegeven aan het begin van het gesprek",
+      "empty": "Geen vragen beschikbaar",
+      "placeholder": "Voer een vraag in",
+      "repeat": "Vraag bestaat al",
+      "title": "Openingsvragen"
+    },
+    "title": "Openingsinstellingen"
+  },
   "settingPlugin": {
     "title": "Plugin-lijst"
   },

package/locales/pl-PL/setting.json

@@ -6,6 +6,7 @@
     "chat": "Preferencje czatu",
     "meta": "Informacje o asystencie",
     "modal": "Ustawienia modalne",
+    "opening": "Ustawienia otwarcia",
     "plugin": "Ustawienia wtyczki",
     "prompt": "Ustawienia roli",
     "tts": "Usługi głosowe"
@@ -253,6 +254,21 @@
       "title": "Otwartość myślenia"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Wiadomość powitalna wyświetlana przy otwarciu rozmowy, służąca do przedstawienia funkcji asystenta",
+      "placeholder": "Cześć, jestem dostosowanym asystentem, możesz od razu rozpocząć rozmowę lub przejść do ustawień asystenta, aby uzupełnić moje informacje.",
+      "title": "Wiadomość powitalna"
+    },
+    "openingQuestions": {
+      "desc": "Pytania wprowadzające wyświetlane na początku rozmowy",
+      "empty": "Brak pytań",
+      "placeholder": "Wprowadź pytanie",
+      "repeat": "Pytanie już istnieje",
+      "title": "Pytania powitalne"
+    },
+    "title": "Ustawienia otwarcia"
+  },
   "settingPlugin": {
     "title": "Lista wtyczek"
   },

package/locales/pt-BR/setting.json

@@ -6,6 +6,7 @@
     "chat": "Preferências de bate-papo",
     "meta": "Informações do assistente",
     "modal": "Configurações do modelo",
+    "opening": "Configuração de Abertura",
     "plugin": "Configurações do plug-in",
     "prompt": "Configuração de personagem",
     "tts": "Serviço de voz"
@@ -253,6 +254,21 @@
       "title": "Abertura Mental"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Mensagem de abertura exibida ao iniciar a conversa, usada para apresentar as funcionalidades do assistente",
+      "placeholder": "Olá, eu sou o Assistente Personalizado, você pode começar a conversar comigo imediatamente ou ir para Configurações do Assistente para completar minhas informações.",
+      "title": "Mensagem de Abertura"
+    },
+    "openingQuestions": {
+      "desc": "Perguntas orientadoras exibidas no início da conversa",
+      "empty": "Nenhuma pergunta disponível",
+      "placeholder": "Digite uma pergunta",
+      "repeat": "A pergunta já existe",
+      "title": "Perguntas de Abertura"
+    },
+    "title": "Configuração de Abertura"
+  },
   "settingPlugin": {
     "title": "Lista de plugins"
   },

package/locales/ru-RU/setting.json

@@ -6,6 +6,7 @@
     "chat": "Предпочтения чата",
     "meta": "Информация об ассистенте",
     "modal": "Настройки модели",
+    "opening": "Настройки начала",
     "plugin": "Настройки плагина",
     "prompt": "Настройки роли",
     "tts": "Сервис озвучивания текста"
@@ -253,6 +254,21 @@
       "title": "Открытость мышления"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Сообщение, отображаемое при открытии сессии, для представления функций помощника",
+      "placeholder": "Привет, я ваш настраиваемый помощник, вы можете сразу начать со мной разговор или перейти в настройки помощника, чтобы дополнить мою информацию.",
+      "title": "Сообщение начала"
+    },
+    "openingQuestions": {
+      "desc": "Вводные вопросы, отображаемые в начале сессии",
+      "empty": "Нет вопросов",
+      "placeholder": "Введите вопрос",
+      "repeat": "Вопрос уже существует",
+      "title": "Вопросы начала"
+    },
+    "title": "Настройки начала"
+  },
   "settingPlugin": {
     "title": "Список плагинов"
   },

package/locales/tr-TR/setting.json

@@ -6,6 +6,7 @@
     "chat": "Sohbet Tercihi",
     "meta": "Asistan Bilgisi",
     "modal": "Model Ayarları",
+    "opening": "Açılış Ayarları",
     "plugin": "Eklenti Ayarları",
     "prompt": "Karakter Ayarları",
     "tts": "Metin Okuma Hizmeti"
@@ -253,6 +254,21 @@
       "title": "Düşünce Açıklığı"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Sohbet açıldığında gösterilecek açılış mesajı, asistanın işlevlerini tanıtmak için kullanılır",
+      "placeholder": "Merhaba, ben Özelleştirilmiş Asistan, hemen benimle sohbet edebilirsiniz veya Asistan Ayarları'na giderek bilgimi tamamlayabilirsiniz.",
+      "title": "Açılış Mesajı"
+    },
+    "openingQuestions": {
+      "desc": "Sohbetin başlangıcında gösterilecek yönlendirici sorular",
+      "empty": "Henüz soru yok",
+      "placeholder": "Soruyu girin",
+      "repeat": "Soru zaten mevcut",
+      "title": "Açılış Soruları"
+    },
+    "title": "Açılış Ayarları"
+  },
   "settingPlugin": {
     "title": "Eklenti Listesi"
   },

package/locales/vi-VN/setting.json

@@ -6,6 +6,7 @@
     "chat": "Tùy chọn Trò chuyện",
     "meta": "Thông tin Trợ lý",
     "modal": "Cài đặt Mô hình",
+    "opening": "Cài đặt mở đầu",
     "plugin": "Cài đặt Plugin",
     "prompt": "Thiết lập Nhân vật",
     "tts": "Dịch vụ Giọng nói"
@@ -253,6 +254,21 @@
       "title": "Mức độ mở trong tư duy"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "Tin nhắn mở đầu khi bắt đầu cuộc trò chuyện, dùng để giới thiệu chức năng của trợ lý",
+      "placeholder": "Xin chào, tôi là Trợ lý tùy chỉnh, bạn có thể bắt đầu trò chuyện với tôi ngay lập tức, hoặc đến Cài đặt trợ lý để hoàn thiện thông tin của tôi.",
+      "title": "Tin nhắn mở đầu"
+    },
+    "openingQuestions": {
+      "desc": "Câu hỏi hướng dẫn hiển thị khi bắt đầu cuộc trò chuyện",
+      "empty": "Chưa có câu hỏi nào",
+      "placeholder": "Nhập câu hỏi",
+      "repeat": "Câu hỏi đã tồn tại",
+      "title": "Câu hỏi mở đầu"
+    },
+    "title": "Cài đặt mở đầu"
+  },
   "settingPlugin": {
     "title": "Danh sách plugin"
   },

package/locales/zh-CN/setting.json

@@ -6,6 +6,7 @@
     "chat": "聊天偏好",
     "meta": "助手信息",
     "modal": "模型设置",
+    "opening": "开场设置",
     "plugin": "插件设置",
     "prompt": "角色设定",
     "tts": "语音服务"
@@ -253,6 +254,21 @@
       "title": "思维开放度"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "打开会话时的开场消息，用来介绍助手的功能",
+      "placeholder": "你好，我是自定义助手。你可以立即与我开始对话，也可以前往助手设置完善我的信息。",
+      "title": "开场消息"
+    },
+    "openingQuestions": {
+      "desc": "会话开始时展示的引导性问题",
+      "empty": "暂无问题",
+      "placeholder": "请输入问题",
+      "repeat": "问题已存在",
+      "title": "开场问题"
+    },
+    "title": "开场设置"
+  },
   "settingPlugin": {
     "title": "插件列表"
   },

package/locales/zh-TW/setting.json

@@ -6,6 +6,7 @@
     "chat": "聊天偏好",
     "meta": "助手資訊",
     "modal": "模型設定",
+    "opening": "開場設定",
     "plugin": "外掛程式設定",
     "prompt": "角色設定",
     "tts": "語音服務"
@@ -253,6 +254,21 @@
       "title": "思維開放度"
     }
   },
+  "settingOpening": {
+    "openingMessage": {
+      "desc": "打開會話時的開場消息，用來介紹助手的功能",
+      "placeholder": "你好，我是 自訂助手，你可以立即與我開始對話，也可以前往 助手設定 完善我的資訊。",
+      "title": "開場消息"
+    },
+    "openingQuestions": {
+      "desc": "會話開始時展示的引導性問題",
+      "empty": "暫無問題",
+      "placeholder": "請輸入問題",
+      "repeat": "問題已存在",
+      "title": "開場問題"
+    },
+    "title": "開場設定"
+  },
   "settingPlugin": {
     "title": "插件列表"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.79.10",
+  "version": "1.80.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/scripts/generate-oidc-jwk.mjs

@@ -8,8 +8,8 @@
  *
  * 将输出的单行 JSON 字符串设置为环境变量 OIDC_JWKS_KEY
  */
-import crypto from 'node:crypto';
 import { exportJWK, generateKeyPair } from 'jose';
+import crypto from 'node:crypto';
 
 // 生成密钥 ID
 function generateKeyId() {
@@ -56,4 +56,5 @@ async function generateJwks() {
 }
 
 // 执行主函数
+// eslint-disable-next-line unicorn/prefer-top-level-await
 generateJwks();

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/OpeningQuestions.tsx

@@ -0,0 +1,78 @@
+'use client';
+
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import { useSendMessage } from '@/features/ChatInput/useSend';
+import { useChatStore } from '@/store/chat';
+
+const useStyles = createStyles(({ css, token, responsive }) => ({
+  card: css`
+    cursor: pointer;
+
+    padding-block: 12px;
+    padding-inline: 24px;
+    border-radius: 48px;
+
+    color: ${token.colorText};
+
+    background: ${token.colorBgContainer};
+
+    &:hover {
+      background: ${token.colorBgElevated};
+    }
+
+    ${responsive.mobile} {
+      padding-block: 8px;
+      padding-inline: 16px;
+    }
+  `,
+
+  container: css`
+    padding-block: 0;
+    padding-inline: 20px;
+  `,
+
+  title: css`
+    color: ${token.colorTextDescription};
+  `,
+}));
+
+interface OpeningQuestionsProps {
+  mobile?: boolean;
+  questions: string[];
+}
+
+const OpeningQuestions = memo<OpeningQuestionsProps>(({ mobile, questions }) => {
+  const { t } = useTranslation('welcome');
+  const [updateInputMessage] = useChatStore((s) => [s.updateInputMessage]);
+
+  const { styles } = useStyles();
+  const { send: sendMessage } = useSendMessage();
+
+  return (
+    <div className={styles.container}>
+      <p className={styles.title}>{t('guide.questions.title')}</p>
+      <Flexbox gap={8} horizontal wrap={'wrap'}>
+        {questions.slice(0, mobile ? 2 : 5).map((question) => {
+          return (
+            <div
+              className={styles.card}
+              key={question}
+              onClick={() => {
+                updateInputMessage(question);
+                sendMessage({ isWelcomeQuestion: true });
+              }}
+            >
+              {question}
+            </div>
+          );
+        })}
+      </Flexbox>
+    </div>
+  );
+});
+
+export default OpeningQuestions;