From 5dd607a1c365fedc6870da0184cef9a3d6a44a41 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Fri, 13 Jun 2025 01:23:16 +0200
Subject: [PATCH] Feature: add debug info block in Questionbox.svelte

---
 src/UI/Popup/TagRendering/Questionbox.svelte  | 25 ++++++++++++++++++-
 .../TagRendering/SpecialTranslation.svelte    |  2 ++
 .../UISpecialVisualisations.ts                |  1 -
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/UI/Popup/TagRendering/Questionbox.svelte b/src/UI/Popup/TagRendering/Questionbox.svelte
index 4c9ed9ffef..234ef93ed0 100644
--- a/src/UI/Popup/TagRendering/Questionbox.svelte
+++ b/src/UI/Popup/TagRendering/Questionbox.svelte
@@ -14,6 +14,7 @@
   import { onDestroy } from "svelte"
   import TagRenderingQuestionDynamic from "./TagRenderingQuestionDynamic.svelte"
   import LoginToggle from "../../Base/LoginToggle.svelte"
+  import AccordionSingle from "../../Flowbite/AccordionSingle.svelte"
 
   export let layer: LayerConfig
   export let tags: UIEventSource<Record<string, string>>
@@ -45,7 +46,7 @@
   }
 
   let baseQuestions = (layer?.tagRenderings ?? [])?.filter(
-    (tr) => allowed(tr.labels) && tr.question !== undefined
+    (tr) => tr.question !== undefined && allowed(tr.labels),
   )
 
   /**
@@ -121,6 +122,28 @@
 </script>
 
 {#if $loginEnabled}
+  {#if $debug}
+    <div class="subtle flex flex-col">
+      <AccordionSingle noBorder>
+        <div slot="header" class="small subtle text-sm">
+          Questionbox debug info: labels (whitelist) : {onlyForLabels?.join(",")}
+        </div>
+        <div class="flex flex-col" >
+
+          <div>
+            notForLabes (blacklist): {notForLabels?.join(",")} ;
+          </div>
+          <div>
+            baseQuestions: {baseQuestions.length === 0 ? "NONE" : baseQuestions.map(q => q.id)?.join(",")} ;
+          </div>
+          <div>
+            questionsMeetingConditions: {$questionsToAsk.length === 0 ? "NONE" : baseQuestions.map(q => q.id)?.join(",")}
+            ;
+          </div>
+        </div>
+      </AccordionSingle>
+    </div>
+  {/if}
   <div
     bind:this={questionboxElem}
     aria-live="polite"
diff --git a/src/UI/Popup/TagRendering/SpecialTranslation.svelte b/src/UI/Popup/TagRendering/SpecialTranslation.svelte
index 417654a84a..8dd1c19a72 100644
--- a/src/UI/Popup/TagRendering/SpecialTranslation.svelte
+++ b/src/UI/Popup/TagRendering/SpecialTranslation.svelte
@@ -13,6 +13,7 @@
   import LayerConfig from "../../../Models/ThemeConfig/LayerConfig"
   import WeblateLink from "../../Base/WeblateLink.svelte"
   import BaseUIElement from "../../BaseUIElement"
+  import { FixedUiElement } from "../../Base/FixedUiElement"
 
   /**
    * The 'specialTranslation' renders a `Translation`-object, but interprets the special values as well
@@ -61,6 +62,7 @@
           "due to",
           e
         )
+        return new FixedUiElement("Could not construct visualization "+specpart.func.funcName+" due to "+e)
       }
     }
   }
diff --git a/src/UI/SpecialVisualisations/UISpecialVisualisations.ts b/src/UI/SpecialVisualisations/UISpecialVisualisations.ts
index 1d2d2f8acf..26ebf3b271 100644
--- a/src/UI/SpecialVisualisations/UISpecialVisualisations.ts
+++ b/src/UI/SpecialVisualisations/UISpecialVisualisations.ts
@@ -37,7 +37,6 @@ class QuestionViz implements SpecialVisualizationSvelte {
             doc: "Either `no`, `yes` or `user-preference`. Indicates if all questions should be shown at once",
         },
     ]
-    svelteBased = true
     group: "default"
 
     constr(