update

frontend/src/components/TopicSidebar.vue

@@ -11,7 +11,7 @@ const props = defineProps({
   pinned: { type: Boolean, default: true },
 })
 
-const emit = defineEmits(['select', 'create', 'formatClick', 'deleteTopic', 'cancelGuide', 'deleteGuide', 'preview', 'rework', 'showBausteine', 'addBaustein', 'togglePin', 'sidebarLeave'])
+const emit = defineEmits(['select', 'create', 'formatClick', 'deleteTopic', 'cancelGuide', 'deleteGuide', 'preview', 'rework', 'showBausteine', 'addBaustein', 'togglePin', 'sidebarLeave', 'openHelp'])
 
 const quickBausteinTitle = ref('')
 
@@ -140,6 +140,11 @@ function confirmDeleteTopic(topic) {
         :title="pinned ? 'Sidebar ausblenden' : 'Sidebar fixieren'"
         @click="emit('togglePin')"
       >{{ pinned ? '⇤' : '⇥' }}</button>
+      <button
+        class="help-btn"
+        title="Passendes Thema zu deinem Problem finden"
+        @click="emit('openHelp')"
+      >?</button>
       <input
         v-model="newTopic"
         placeholder="Neues Thema…"
@@ -285,6 +290,20 @@ function confirmDeleteTopic(topic) {
   border-color: #a5b4fc;
 }
 
+.new-topic .help-btn {
+  background: #f8f9fb;
+  color: #4b5563;
+  border: 1px solid #d8dde3;
+  font-weight: 700;
+  padding: 6px 9px;
+}
+
+.new-topic .help-btn:hover {
+  background: #ede9fe;
+  color: #4f46e5;
+  border-color: #a5b4fc;
+}
+
 .topic-list {
   list-style: none;
   flex: 1;