dynamic yaml loading part 1

src/components/AIQueryInterface.astro

@@ -8,6 +8,7 @@ const yamlPath = path.join(process.cwd(), 'src/data/tools.yaml');
 const yamlContent = await fs.readFile(yamlPath, 'utf8');
 const data = load(yamlContent) as any;
 const tools = data.tools;
+const phases = data.phases;
 ---
 
 <!-- AI Query Interface -->
@@ -87,7 +88,7 @@ const tools = data.tools;
   </div>
 </section>
 
-<script define:vars={{ tools }}>
+<script define:vars={{ tools, phases }}>
 document.addEventListener('DOMContentLoaded', () => {
   const aiInterface = document.getElementById('ai-interface');
   const aiInput = document.getElementById('ai-query-input');
@@ -278,13 +279,13 @@ document.addEventListener('DOMContentLoaded', () => {
   function displayResults(recommendation, originalQuery) {
     // Group tools by phase
     const toolsByPhase = {};
-    const phaseOrder = ['data-collection', 'examination', 'analysis', 'reporting'];
-    const phaseNames = {
-      'data-collection': 'Datensammlung',
-      'examination': 'Auswertung', 
-      'analysis': 'Analyse',
-      'reporting': 'Bericht & Präsentation'
-    };
+    
+    // Replace hardcoded values with dynamic data from YAML
+    const phaseOrder = phases.filter(phase => phase.id !== 'collaboration-general').map(phase => phase.id);
+    const phaseNames = phases.reduce((acc, phase) => {
+      acc[phase.id] = phase.name;
+      return acc;
+    }, {});
 
     // Initialize phases
     phaseOrder.forEach(phase => {