bugfix(demopage): fix serialize errors on demo page and make default questions either a string or a Json combo

Author: cdxker

server/src/handlers/page_handler.rs

@@ -256,6 +256,14 @@ pub struct SearchPageProps {
     pub filter_sidebar_props: Option<SidebarFilters>,
 }
 
+#[derive(Serialize, Deserialize, Debug, Clone, ToSchema)]
+#[serde(untagged)]
+pub enum DefaultSearchQueryType {
+    Text(String),
+    Image(DefaultSearchQuery),
+}
+
+
 #[derive(Serialize, Deserialize, Debug, Clone, ToSchema, Default)]
 #[serde(rename_all = "camelCase")]
 pub struct DefaultSearchQuery {
@@ -315,9 +323,9 @@ pub struct PublicPageParameters {
     #[serde(skip_serializing_if = "Option::is_none")]
     pub placeholder: Option<String>,
     #[serde(skip_serializing_if = "Option::is_none")]
-    pub default_search_queries: Option<Vec<DefaultSearchQuery>>,
+    pub default_search_queries: Option<Vec<DefaultSearchQueryType>>,
     #[serde(skip_serializing_if = "Option::is_none")]
-    pub default_ai_questions: Option<Vec<DefaultSearchQuery>>,
+    pub default_ai_questions: Option<Vec<DefaultSearchQueryType>>,
     #[serde(skip_serializing_if = "Option::is_none")]
     pub default_search_mode: Option<String>,
     #[serde(skip_serializing_if = "Option::is_none")]

server/src/public/page.html

@@ -566,12 +566,20 @@
             class="example-questions flex justify-center flex-wrap gap-1 mt-2 mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8 w-full"
           >
             {% for question in params.defaultAiQuestions %}
+              {% if question.query %}
+                <button
+                  class="bg-brand-color text-white px-4 py-2 rounded-full text-sm sm:text-base"
+                  data-image-url="{{ question.imageUrl }}"
+                >
+                  {{ question.query }}
+                </button>
+              {% else %}
             <button
               class="bg-brand-color text-white px-4 py-2 rounded-full text-sm sm:text-base"
-              data-image-url="{{ question.imageUrl }}"
             >
-              {{ question.query }}
+              {{ question }}
             </button>
+              {% endif %}
             {% endfor %}
           </div>
           {% endif %}