feat(tasktree): import MDTODO files and reports

web/hwlab-cloud-web/src/components/common/BaseDialog.vue

@@ -13,18 +13,20 @@ const props = withDefaults(defineProps<{
   closeOnBackdrop?: boolean;
   busy?: boolean;
   initialFocus?: string;
+  surfaceClass?: string;
 }>(), {
   description: "",
   wide: false,
   fullscreen: false,
   closeOnBackdrop: true,
   busy: false,
-  initialFocus: ""
+  initialFocus: "",
+  surfaceClass: ""
 });
 
 defineEmits<{ close: [] }>();
 </script>
 
 <template>
-  <OverlaySurface :open="open" :title="title" :description="description" :wide="wide" :fullscreen="fullscreen" :close-on-backdrop="closeOnBackdrop" :busy="busy" :initial-focus="initialFocus" @close="$emit('close')"><slot /><template v-if="$slots.footer" #footer><slot name="footer" /></template></OverlaySurface>
+  <OverlaySurface :open="open" :title="title" :description="description" :wide="wide" :fullscreen="fullscreen" :close-on-backdrop="closeOnBackdrop" :busy="busy" :initial-focus="initialFocus" :surface-class="surfaceClass" @close="$emit('close')"><slot /><template v-if="$slots.footer" #footer><slot name="footer" /></template></OverlaySurface>
 </template>

web/hwlab-cloud-web/src/components/common/OverlaySurface.vue

@@ -71,7 +71,7 @@ function close(): void {
       >
         <header class="console-overlay-header">
           <div class="console-overlay-title-stack">
-            <h2 :id="titleId">{{ title }}</h2>
+            <h2 :id="titleId" :title="title">{{ title }}</h2>
             <p v-if="description" :id="descriptionId">{{ description }}</p>
           </div>
           <button