diff --git a/src/components/AIQueryInterface.astro b/src/components/AIQueryInterface.astro
index 1d782ae..d9834e9 100644
--- a/src/components/AIQueryInterface.astro
+++ b/src/components/AIQueryInterface.astro
@@ -24,58 +24,111 @@ const domainAgnosticSoftware = data['domain-agnostic-software'] || [];
       </p>
     </div>
 
-    <div class="ai-input-container" style="max-width: 800px; margin: 0 auto;">
-      <div class="ai-mode-toggle" style="display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem; background-color: var(--color-bg-secondary); border-radius: 0.75rem; border: 1px solid var(--color-border);">
-        <span id="workflow-label" class="toggle-label active" style="font-weight: 500; color: var(--color-primary); cursor: pointer; transition: var(--transition-fast);">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
-            <polyline points="9,11 12,14 22,4"/>
-            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
-          </svg>
-          Workflow-Empfehlung
-        </span>
-        
-        <div class="toggle-switch" style="position: relative; width: 50px; height: 24px; background-color: var(--color-primary); border-radius: 12px; cursor: pointer; transition: var(--transition-fast);">
-          <div class="toggle-slider" style="position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: white; border-radius: 50%; transition: var(--transition-fast); transform: translateX(0);"></div>
-        </div>
-        
-        <span id="tool-label" class="toggle-label" style="font-weight: 500; color: var(--color-text-secondary); cursor: pointer; transition: var(--transition-fast);">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
-            <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
-          </svg>
-          Spezifische Software oder Methode
-        </span>
+  <div class="ai-input-container" style="max-width: 1000px; margin: 0 auto;">
+    <div class="ai-mode-toggle" style="display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem; background-color: var(--color-bg-secondary); border-radius: 0.75rem; border: 1px solid var(--color-border);">
+      <span id="workflow-label" class="toggle-label active" style="font-weight: 500; color: var(--color-primary); cursor: pointer; transition: var(--transition-fast);">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
+          <polyline points="9,11 12,14 22,4"/>
+          <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+        </svg>
+        Workflow-Empfehlung
+      </span>
+      
+      <div class="toggle-switch" style="position: relative; width: 50px; height: 24px; background-color: var(--color-primary); border-radius: 12px; cursor: pointer; transition: var(--transition-fast);">
+        <div class="toggle-slider" style="position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background-color: white; border-radius: 50%; transition: var(--transition-fast); transform: translateX(0);"></div>
       </div>
+      
+      <span id="tool-label" class="toggle-label" style="font-weight: 500; color: var(--color-text-secondary); cursor: pointer; transition: var(--transition-fast);">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
+          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
+        </svg>
+        Spezifische Software oder Methode
+      </span>
+    </div>
 
-      <textarea 
-        id="ai-query-input" 
-        placeholder="Beschreiben Sie Ihr forensisches Szenario... z.B. 'Verdacht auf Ransomware-Angriff auf Windows-Domänencontroller mit verschlüsselten Dateien und verdächtigen Netzwerkverbindungen'"
-        style="min-height: 120px; resize: vertical; font-size: 0.9375rem; line-height: 1.5;"
-        maxlength="2000"
-      ></textarea>
-      
-      <div style="margin-top: 0.5rem; margin-bottom: 1rem;">
-        <p style="font-size: 0.75rem; color: var(--color-text-secondary); text-align: center; line-height: 1.4;">
-          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
-            <circle cx="12" cy="12" r="10"/>
-            <line x1="12" y1="8" x2="12" y2="12"/>
-            <line x1="12" y1="16" x2="12.01" y2="16"/>
-          </svg>
-          Ihre Anfrage wird über die kostenlose API von mistral.ai übertragen, wird für KI-Training verwendet und unterliegt deren 
-          <a href="https://mistral.ai/privacy-policy/" target="_blank" rel="noopener noreferrer" style="color: var(--color-primary); text-decoration: underline;">Datenschutzrichtlinien</a>
-        </p>
+    <div class="ai-input-layout">
+      <div class="ai-textarea-section">
+        <textarea 
+          id="ai-query-input" 
+          placeholder="Beschreiben Sie Ihr forensisches Szenario... z.B. 'Verdacht auf Ransomware-Angriff auf Windows-Domänencontroller mit verschlüsselten Dateien und verdächtigen Netzwerkverbindungen'"
+          style="min-height: 220px; resize: vertical; font-size: 0.9375rem; line-height: 1.5;"
+          maxlength="2000"
+        ></textarea>
       </div>
       
-      <div style="display: flex; justify-content: center; gap: 1rem;">
-        <button id="ai-submit-btn" class="btn btn-accent" style="padding: 0.75rem 2rem;">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem;">
-            <path d="M14.828 14.828a4 4 0 0 1-5.656 0"/>
-            <path d="M9 9a3 3 0 1 1 6 0c0 .749-.269 1.433-.73 1.96L11 14v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1l-3.27-3.04A3 3 0 0 1 5 9a3 3 0 0 1 6 0"/>
-            <path d="M12 17h.01"/>
-          </svg>
-          <span id="submit-btn-text">Empfehlungen generieren</span>
-        </button>
+      <div class="ai-suggestions-section">
+        <div id="smart-prompting-hint" class="smart-prompting-hint">
+          <div class="hint-card">
+            <div class="hint-icon">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--color-accent)" stroke-width="2">
+                <circle cx="12" cy="12" r="10"/>
+                <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+                <line x1="12" y1="17" x2="12.01" y2="17"/>
+              </svg>
+            </div>
+            <div class="hint-content">
+              <h4 class="hint-title">Intelligente Hilfe</h4>
+              <p class="hint-description">
+                Während Sie tippen, analysiert die KI Ihre Eingabe und schlägt gezielten Fragen vor, um Ihr Szenario zu präzisieren.
+              </p>
+              <div class="hint-trigger">
+                <span class="hint-label">Aktiviert ab:</span>
+                <span class="hint-value">40+ Zeichen</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div id="smart-prompting-container" class="smart-prompting-container" style="display: none;">
+          <div class="prompting-card">
+            <div id="prompting-status" class="prompting-status">
+              <div class="status-icon">💡</div>
+              <span class="status-text">Analysiere Eingabe...</span>
+              <div id="prompting-spinner" class="prompting-spinner" style="display: none;">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color-accent)" stroke-width="2">
+                  <path d="M21 12a9 9 0 11-6.219-8.56"/>
+                </svg>
+              </div>
+            </div>
+            
+            <div id="suggested-questions" class="suggested-questions" style="display: none;">
+              <div class="suggestions-header">
+                <span class="suggestions-label">Zur besseren Analyse:</span>
+              </div>
+              <div id="questions-list" class="questions-list"></div>
+              <button id="dismiss-suggestions" class="dismiss-button">
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <line x1="18" y1="6" x2="6" y2="18"/>
+                  <line x1="6" y1="6" x2="18" y2="18"/>
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
+    
+    <div style="margin-top: 0.5rem; margin-bottom: 1rem;">
+      <p style="font-size: 0.75rem; color: var(--color-text-secondary); text-align: center; line-height: 1.4;">
+        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
+          <circle cx="12" cy="12" r="10"/>
+          <line x1="12" y1="8" x2="12" y2="12"/>
+          <line x1="12" y1="16" x2="12.01" y2="16"/>
+        </svg>
+        Ihre Anfrage wird über die kostenlose API von mistral.ai übertragen, wird für KI-Training verwendet und unterliegt deren 
+        <a href="https://mistral.ai/privacy-policy/" target="_blank" rel="noopener noreferrer" style="color: var(--color-primary); text-decoration: underline;">Datenschutzrichtlinien</a>
+      </p>
+    </div>
+    
+    <div style="display: flex; justify-content: center; gap: 1rem;">
+      <button id="ai-submit-btn" class="btn btn-accent" style="padding: 0.75rem 2rem;">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem;">
+          <path d="M14.828 14.828a4 4 0 0 1-5.656 0"/>
+          <path d="M9 9a3 3 0 1 1 6 0c0 .749-.269 1.433-.73 1.96L11 14v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1l-3.27-3.04A3 3 0 0 1 5 9a3 3 0 0 1 6 0"/>
+          <path d="M12 17h.01"/>
+        </svg>
+        <span id="submit-btn-text">Empfehlungen generieren</span>
+      </button>
+    </div>
   </div>
  
   <div id="ai-loading" class="ai-loading" style="display: none; text-align: center; padding: 2rem;">
@@ -88,27 +141,34 @@ const domainAgnosticSoftware = data['domain-agnostic-software'] || [];
     </div>
     <p id="loading-text" style="color: var(--color-text-secondary);">Analysiere Szenario und generiere Empfehlungen...</p>
     
-    <div id="queue-status" style="margin-top: 1rem; padding: 1rem; background-color: var(--color-bg-secondary); border-radius: 0.5rem; border: 1px solid var(--color-border); display: none;">
-      <div style="display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 0.75rem;">
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-          <div id="queue-position-badge" style="width: 24px; height: 24px; background-color: var(--color-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.875rem;">1</div>
-          <span style="font-weight: 500;">Position in Warteschlange</span>
-        </div>
-      </div>
-      <div style="font-size: 0.875rem; color: var(--color-text-secondary); text-align: center;">
-        <div id="queue-length-info" style="margin-bottom: 0.5rem;">
-          <span id="queue-length">0</span> Anfrage(n) in der Warteschlange
-        </div>
-        <div id="estimated-time-info">
-          Geschätzte Wartezeit: <span id="estimated-time">--</span>
-        </div>
-        <div id="task-id-info" style="margin-top: 0.5rem; font-family: monospace; font-size: 0.75rem; opacity: 0.7;">
-          Task-ID: <span id="current-task-id">--</span>
+    <div id="queue-status" class="queue-status-card" style="display: none;">
+      <div class="queue-header">
+        <div class="queue-position-display">
+          <div id="queue-position-badge" class="position-badge">1</div>
+          <span class="position-label">Position in Warteschlange</span>
         </div>
       </div>
       
-      <div style="margin-top: 1rem; background-color: var(--color-bg-tertiary); border-radius: 0.25rem; height: 4px; overflow: hidden;">
-        <div id="queue-progress" style="height: 100%; background-color: var(--color-primary); width: 0%; transition: width 0.3s ease;"></div>
+      <div class="queue-details">
+        <div class="queue-stat">
+          <span class="stat-label">Warteschlange:</span>
+          <span id="queue-length" class="stat-value">0</span>
+          <span class="stat-unit">Anfrage(n)</span>
+        </div>
+        <div class="queue-stat">
+          <span class="stat-label">Geschätzte Zeit:</span>
+          <span id="estimated-time" class="stat-value">--</span>
+        </div>
+      </div>
+      
+      <div class="queue-progress-container">
+        <div class="queue-progress-track">
+          <div id="queue-progress" class="queue-progress-fill"></div>
+        </div>
+        <div class="task-id-display">
+          <span class="task-label">Task:</span>
+          <code id="current-task-id" class="task-id">--</code>
+        </div>
       </div>
     </div>
   </div>
@@ -119,19 +179,27 @@ const domainAgnosticSoftware = data['domain-agnostic-software'] || [];
       <p id="ai-error-message" style="margin: 0;">Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es erneut.</p>
     </div>
   </div>
-
+<br>
   <div id="ai-results" class="ai-results" style="display: none;">
   </div>
 </section>
 
 <script define:vars={{ tools, phases, domainAgnosticSoftware }}> 
+console.log('[DEBUG] Script loaded, before DOMContentLoaded');
 function sanitizeHTML(html) {
   const div = document.createElement('div');
   div.textContent = html;
   return div.innerHTML;
 }
 
+function formatDuration(ms) {
+  if (ms < 1000) return '< 1s';
+  if (ms < 60000) return `${Math.ceil(ms / 1000)}s`;
+  return `${Math.ceil(ms / 60000)}m`;
+}
+
 document.addEventListener('DOMContentLoaded', () => {
+  console.log('[DEBUG] DOMContentLoaded fired');
   const aiInterface = document.getElementById('ai-interface');
   const aiInput = document.getElementById('ai-query-input');
   const aiSubmitBtn = document.getElementById('ai-submit-btn');
@@ -142,6 +210,15 @@ document.addEventListener('DOMContentLoaded', () => {
   const aiErrorMessage = document.getElementById('ai-error-message');
   const aiResults = document.getElementById('ai-results');
   const aiDescription = document.getElementById('ai-description');
+  console.log('[DEBUG] aiInput element found:', !!aiInput);
+  
+  // Smart prompting elements
+  const smartPromptingContainer = document.getElementById('smart-prompting-container');
+  const promptingStatus = document.getElementById('prompting-status');
+  const promptingSpinner = document.getElementById('prompting-spinner');
+  const suggestedQuestions = document.getElementById('suggested-questions');
+  const questionsList = document.getElementById('questions-list');
+  const dismissSuggestions = document.getElementById('dismiss-suggestions');
   
   const toggleSwitch = document.querySelector('.toggle-switch');
   const toggleSlider = document.querySelector('.toggle-slider');
@@ -150,6 +227,10 @@ document.addEventListener('DOMContentLoaded', () => {
 
   let currentRecommendation = null;
   let currentMode = 'workflow';
+  
+  // Smart prompting state
+  let enhancementTimeout;
+  let enhancementAbortController;
 
   if (!aiInput || !aiSubmitBtn || !aiLoading || !aiError || !aiResults) {
     console.error('AI interface elements not found');
@@ -175,11 +256,8 @@ document.addEventListener('DOMContentLoaded', () => {
     const config = modeConfig[currentMode];
     
     aiInput.placeholder = config.placeholder;
-    
     aiDescription.textContent = config.description;
-    
     submitBtnText.textContent = config.submitText;
-    
     loadingText.textContent = config.loadingText;
     
     if (currentMode === 'workflow') {
@@ -206,9 +284,133 @@ document.addEventListener('DOMContentLoaded', () => {
   function switchToMode(mode) {
     if (currentMode !== mode) {
       currentMode = mode;
+      resetSmartPrompting();
       updateModeUI();
     }
   }
+  
+  function showPromptingStatus(state) {
+    if (!smartPromptingContainer || !promptingStatus || !promptingSpinner) return;
+    
+    const statusText = promptingStatus.querySelector('.status-text');
+    if (!statusText) return;
+    
+    switch (state) {
+      case 'analyzing':
+        smartPromptingContainer.style.display = 'block';
+        toggleHintVisibility(false);
+        statusText.textContent = 'Analysiere Eingabe...';
+        promptingSpinner.style.display = 'inline-block';
+        suggestedQuestions.style.display = 'none';
+        break;
+      case 'suggestions':
+        statusText.textContent = 'Verbesserungsvorschläge verfügbar';
+        promptingSpinner.style.display = 'none';
+        suggestedQuestions.style.display = 'block';
+        break;
+      case 'rate-limited':
+        statusText.textContent = 'Nach Hauptabfrage verfügbar';
+        promptingSpinner.style.display = 'none';
+        suggestedQuestions.style.display = 'none';
+        break;
+      case 'error':
+        smartPromptingContainer.style.display = 'none';
+        toggleHintVisibility(true);
+        break;
+      case 'hidden':
+        smartPromptingContainer.style.display = 'none';
+        toggleHintVisibility(true);
+        break;
+    }
+  }
+
+  function displaySuggestions(suggestions) {
+    if (!questionsList || !suggestions || suggestions.length === 0) return;
+    
+    questionsList.innerHTML = '';
+    
+    suggestions.forEach((question) => {
+      const questionElement = document.createElement('div');
+      questionElement.className = 'suggestion-item';
+      questionElement.textContent = question;
+      questionsList.appendChild(questionElement);
+    });
+    
+    showPromptingStatus('suggestions');
+  }
+
+  async function triggerSmartPrompting() {
+    const inputText = aiInput.value.trim();
+    
+    if (inputText.length < 50) {
+      showPromptingStatus('hidden');
+      return;
+    }
+    
+    // Cancel any previous enhancement call
+    if (enhancementAbortController) {
+      enhancementAbortController.abort();
+    }
+    
+    enhancementAbortController = new AbortController();
+    
+    try {
+      showPromptingStatus('analyzing');
+      
+      const response = await fetch('/api/ai/enhance-input', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          input: inputText,
+          taskId: `enhance_${Date.now()}`
+        }),
+        signal: enhancementAbortController.signal
+      });
+      
+      const data = await response.json();
+      
+      if (!response.ok) {
+        if (response.status === 429) {
+          showPromptingStatus('rate-limited');
+        } else {
+          showPromptingStatus('error');
+        }
+        return;
+      }
+      
+      if (data.success && data.questions && data.questions.length > 0) {
+        displaySuggestions(data.questions);
+      } else {
+        showPromptingStatus('hidden');
+      }
+      
+    } catch (error) {
+      if (error.name === 'AbortError') {
+        return; // User cancelled, ignore
+      }
+      
+      console.warn('Smart prompting failed:', error);
+      showPromptingStatus('error');
+    }
+  }
+
+  function resetSmartPrompting() {
+    clearTimeout(enhancementTimeout);
+    if (enhancementAbortController) {
+      enhancementAbortController.abort();
+    }
+    showPromptingStatus('hidden');
+    toggleHintVisibility(true);
+  }
+
+  function toggleHintVisibility(show) {
+    const hint = document.getElementById('smart-prompting-hint');
+    if (hint) {
+      hint.style.display = show ? 'flex' : 'none';
+    }
+  }
 
   toggleSwitch.addEventListener('click', () => {
     switchToMode(currentMode === 'workflow' ? 'tool' : 'workflow');
@@ -241,9 +443,540 @@ document.addEventListener('DOMContentLoaded', () => {
       counter.style.color = 'var(--color-text-secondary)';
     }
   };
+  
+  // Smart Prompting Input Handling
+  aiInput.addEventListener('input', () => {
+    console.log('[DEBUG] Input event triggered, length:', aiInput.value.trim().length);
+    const inputLength = aiInput.value.trim().length;
+    
+    // Clear existing timeout
+    clearTimeout(enhancementTimeout);
+    
+    // Cancel any pending enhancement call
+    if (enhancementAbortController) {
+      enhancementAbortController.abort();
+    }
+    
+    // Hide suggestions if input is too short
+    if (inputLength < 40) {
+      showPromptingStatus('hidden');
+      return;
+    }
+    
+    // Show analyzing state after 1 second
+    setTimeout(() => {
+      if (aiInput.value.trim().length >= 50) {
+        showPromptingStatus('analyzing');
+      }
+    }, 1000);
+    
+    // Trigger AI enhancement after 1.5 seconds
+    enhancementTimeout = setTimeout(() => {
+      console.log('[DEBUG] Enhancement timeout fired, calling triggerSmartPrompting');
+      if (aiInput.value.trim().length >= 40) {
+        triggerSmartPrompting(); 
+      }
+    }, 1500);
+  });
 
   aiInput.addEventListener('input', updateCharacterCount);
   updateCharacterCount();
+  
+  // Dismiss suggestions handler
+  if (dismissSuggestions) {
+    dismissSuggestions.addEventListener('click', () => {
+      showPromptingStatus('hidden');
+    });
+  }
+
+  function formatWorkflowSuggestion(text) {
+    // Improved handling for different list formats
+    const numberedListPattern = /(\d+\.\s)/g;
+    
+    if (numberedListPattern.test(text)) {
+      const items = text.split(/\d+\.\s/).filter(item => item.trim().length > 0);
+      
+      if (items.length > 1) {
+        const listItems = items.map(item => 
+          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${item.trim()}</li>`
+        ).join('');
+        
+        return `<ol style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ol>`;
+      }
+    }
+    
+    // Handle bullet points
+    const bulletPattern = /^[\s]*[-\*•]\s/gm;
+    if (bulletPattern.test(text)) {
+      const items = text.split(/^[\s]*[-\*•]\s/gm).filter(item => item.trim().length > 0);
+      
+      if (items.length > 1) {
+        const listItems = items.map(item => 
+          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${item.trim()}</li>`
+        ).join('');
+        
+        return `<ul style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ul>`;
+      }
+    }
+    
+    // Handle line breaks as lists
+    if (text.includes('\n')) {
+      const lines = text.split('\n').filter(line => line.trim().length > 0);
+      if (lines.length > 1) {
+        const listItems = lines.map(line => 
+          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${line.trim()}</li>`
+        ).join('');
+        
+        return `<ul style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ul>`;
+      }
+    }
+    
+    // Default paragraph formatting
+    return `<p style="margin: 0; line-height: 1.6; color: var(--color-text);">${text}</p>`;
+  }
+
+  function renderBackgroundKnowledge(backgroundKnowledge) {
+    if (!backgroundKnowledge || backgroundKnowledge.length === 0) {
+      return '';
+    }
+    
+    const conceptLinks = backgroundKnowledge.map(concept => `
+      <div class="concept-recommendation" style="background-color: var(--color-concept-bg); border: 1px solid var(--color-concept); border-radius: 0.5rem; padding: 1rem; margin-bottom: 0.75rem;">
+        <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem;">
+          <button class="concept-link" 
+                  onclick="event.stopPropagation(); window.showToolDetails('${concept.concept_name}', 'secondary')" 
+                  style="background: none; border: none; color: var(--color-concept); font-weight: 600; cursor: pointer; text-decoration: underline; font-size: 0.875rem; padding: 0;"
+                  onmouseover="this.style.color='var(--color-concept-hover)';"
+                  onmouseout="this.style.color='var(--color-concept)';">
+            📚 ${concept.concept_name}
+          </button>
+          <span class="badge" style="background-color: var(--color-concept); color: white; font-size: 0.625rem;">Hintergrundwissen</span>
+        </div>
+        <p style="margin: 0; font-size: 0.8125rem; line-height: 1.5; color: var(--color-text-secondary);">
+          ${concept.relevance}
+        </p>
+      </div>
+    `).join('');
+    
+    return `
+      <div class="card" style="margin-bottom: 2rem; border-left: 4px solid var(--color-concept);">
+        <h4 style="margin: 0 0 1rem 0; color: var(--color-concept); display: flex; align-items: center; gap: 0.5rem;">
+          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
+            <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
+          </svg>
+          Empfohlenes Hintergrundwissen
+        </h4>
+        ${conceptLinks}
+      </div>
+    `;
+  }
+
+  function renderContextualAnalysis(recommendation, mode) {
+    let html = '';
+    
+    // Scenario/Problem Analysis Section
+    const analysisField = mode === 'workflow' ? recommendation.scenario_analysis : recommendation.problem_analysis;
+    if (analysisField) {
+      html += `
+        <div class="card contextual-analysis-card scenario">
+          <h4 class="analysis-header scenario">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M12 20h9"/>
+              <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
+            </svg>
+            ${mode === 'workflow' ? 'Szenario-Analyse' : 'Problem-Analyse'}
+          </h4>
+          ${formatWorkflowSuggestion(analysisField)}
+        </div>
+      `;
+    }
+
+    // Investigation Approach Section  
+    if (recommendation.investigation_approach) {
+      html += `
+        <div class="card contextual-analysis-card approach">
+          <h4 class="analysis-header approach">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <polyline points="9,11 12,14 22,4"/>
+              <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+            </svg>
+            ${mode === 'workflow' ? 'Untersuchungsansatz' : 'Lösungsansatz'}
+          </h4>
+          ${formatWorkflowSuggestion(recommendation.investigation_approach)}
+        </div>
+      `;
+    }
+
+    // Critical Considerations Section
+    if (recommendation.critical_considerations) {
+      html += `
+        <div class="card contextual-analysis-card critical">
+          <h4 class="analysis-header critical">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <circle cx="12" cy="12" r="10"/>
+              <line x1="12" y1="8" x2="12" y2="12"/>
+              <line x1="12" y1="16" x2="12.01" y2="16"/>
+            </svg>
+            ${mode === 'workflow' ? 'Kritische Überlegungen' : 'Wichtige Voraussetzungen'}
+          </h4>
+          ${formatWorkflowSuggestion(recommendation.critical_considerations)}
+        </div>
+      `;
+    }
+
+    return html;
+  }
+
+  // Keep existing display functions...
+  function displayWorkflowResults(recommendation, originalQuery) {
+    const toolsByPhase = {};
+    
+    const phaseOrder = phases.map(phase => phase.id);
+    const phaseNames = phases.reduce((acc, phase) => {
+      acc[phase.id] = phase.name;
+      return acc;
+    }, {});
+
+    phaseOrder.forEach(phase => {
+      toolsByPhase[phase] = [];
+    });
+
+    recommendation.recommended_tools?.forEach(recTool => {
+      if (toolsByPhase[recTool.phase]) {
+        const fullTool = tools.find(t => t.name === recTool.name);
+        if (fullTool) {
+          toolsByPhase[recTool.phase].push({
+            ...fullTool,
+            recommendation: recTool
+          });
+        }
+      }
+    });
+
+    const resultsHTML = `
+      <div class="workflow-container">
+        <div style="text-align: center; margin-bottom: 2rem; padding: 1.5rem; background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%); color: white; border-radius: 0.75rem;">
+          <h3 style="margin: 0 0 0.75rem 0; font-size: 1.5rem;">Empfohlener DFIR-Workflow</h3>
+          <p style="margin: 0; opacity: 0.9; line-height: 1.5;">
+            Basierend auf Ihrer Anfrage: "<em>${originalQuery.slice(0, 100)}${originalQuery.length > 100 ? '...' : ''}</em>"
+          </p>
+        </div>
+
+        ${renderContextualAnalysis(recommendation, 'workflow')}
+
+        ${renderBackgroundKnowledge(recommendation.background_knowledge)}
+
+        ${phaseOrder.map((phase, index) => {
+          const phaseTools = toolsByPhase[phase];
+          if (phaseTools.length === 0) return '';
+
+          return `
+            <div class="workflow-phase">
+              <div class="phase-header">
+                <div class="phase-number">${index + 1}</div>
+                <div class="phase-info">
+                  <h3 class="phase-title">${phaseNames[phase]}</h3>
+                  <div class="phase-tools">
+                    ${phaseTools.map(tool => {
+                      const hasValidProjectUrl = tool.projectUrl !== undefined && 
+                                                tool.projectUrl !== null && 
+                                                tool.projectUrl !== "" && 
+                                                tool.projectUrl.trim() !== "";
+                      
+                      const priorityColors = {
+                        high: 'var(--color-error)',
+                        medium: 'var(--color-warning)', 
+                        low: 'var(--color-accent)'
+                      };
+
+                      return `
+                        <div class="tool-recommendation ${tool.type === 'method' ? 'method' : hasValidProjectUrl ? 'hosted' : (tool.license !== 'Proprietary' ? 'oss' : '')}"
+                             onclick="window.showToolDetails('${tool.name}')">
+                          <div class="tool-rec-header">
+                            <h4 class="tool-rec-name">
+                              ${tool.icon ? `<span style="margin-right: 0.5rem;">${tool.icon}</span>` : ''}
+                              ${tool.name}
+                            </h4>
+                            <span class="tool-rec-priority ${tool.recommendation.priority}" 
+                                  style="background-color: ${priorityColors[tool.recommendation.priority]};">
+                              ${tool.recommendation.priority}
+                            </span>
+                          </div>
+                          
+                          <div class="tool-rec-justification">
+                            "${tool.recommendation.justification}"
+                          </div>
+                          
+                          <div class="tool-rec-metadata">
+                            <div style="display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.5rem;">
+                              ${tool.type !== 'method' && hasValidProjectUrl ? '<span class="badge badge-primary">CC24-Server</span>' : ''}
+                              ${tool.knowledgebase === true ? '<span class="badge badge-error">📖</span>' : ''}
+                              <span class="badge" style="background-color: var(--color-bg-tertiary); color: var(--color-text);">${tool.skillLevel}</span>
+                            </div>
+                            <div style="font-size: 0.8125rem; color: var(--color-text-secondary);">
+                              ${tool.type === 'method' ? 'Methode' : tool.platforms.join(', ') + ' • ' + tool.license}
+                            </div>
+                          </div>
+                        </div>
+                      `;
+                    }).join('')}
+                  </div>
+                </div>
+              </div>
+              ${index < phaseOrder.length - 1 ? `
+                <div class="workflow-arrow">
+                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--color-primary)" stroke-width="2">
+                    <line x1="12" y1="5" x2="12" y2="19"/>
+                    <polyline points="19,12 12,19 5,12"/>
+                  </svg>
+                </div>
+              ` : ''}
+            </div>
+          `;
+        }).join('')}
+
+        ${recommendation.workflow_suggestion ? `
+          <div class="card" style="margin-top: 2rem; border-left: 4px solid var(--color-accent);">
+            <h4 style="margin: 0 0 1rem 0; color: var(--color-accent); display: flex; align-items: center; gap: 0.5rem;">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <polyline points="9,11 12,14 22,4"/>
+                <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+              </svg>
+              Workflow-Empfehlung
+            </h4>
+            ${formatWorkflowSuggestion(recommendation.workflow_suggestion)}
+          </div>
+        ` : ''}
+
+        ${recommendation.additional_notes ? `
+          <div class="card" style="margin-top: 1rem; background-color: var(--color-warning); color: white;">
+            <h4 style="margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10"/>
+                <line x1="12" y1="8" x2="12" y2="12"/>
+                <line x1="12" y1="16" x2="12.01" y2="16"/>
+              </svg>
+              Wichtige Hinweise
+            </h4>
+            <div style="color: white;">
+              ${formatWorkflowSuggestion(recommendation.additional_notes).replace(/color: var\(--color-text\)/g, 'color: white')}
+            </div>
+          </div>
+        ` : ''}
+      </div>
+    `;
+    
+    aiResults.innerHTML = '';
+    const tempDiv = document.createElement('div');
+    tempDiv.innerHTML = resultsHTML;
+    aiResults.appendChild(tempDiv);
+  }
+
+  function displayToolResults(recommendation, originalQuery) {
+    function getSuitabilityText(score) {
+      const suitabilityTexts = {
+        high: 'GUT GEEIGNET',
+        medium: 'GEEIGNET', 
+        low: 'VIELLEICHT GEEIGNET'
+      };
+      return suitabilityTexts[score] || 'GEEIGNET';
+    }
+
+    function getToolPhases(tool) {
+      if (!tool.phases || tool.phases.length === 0) return '';
+      
+      const phaseNames = phases.reduce((acc, phase) => {
+        acc[phase.id] = phase.name;
+        return acc;
+      }, {});
+      
+      const domainAgnosticNames = domainAgnosticSoftware.reduce((acc, section) => {
+        acc[section.id] = section.name;
+        return acc;
+      }, {});
+      
+      const allPhaseNames = { ...phaseNames, ...domainAgnosticNames };
+      
+      return tool.phases.map(phaseId => allPhaseNames[phaseId]).filter(Boolean).join(', ');
+    }
+    
+    const resultsHTML = `
+      <div class="tool-results-container">
+        <div style="text-align: center; margin-bottom: 2rem; padding: 1.5rem; background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%); color: white; border-radius: 0.75rem;">
+          <h3 style="margin: 0 0 0.75rem 0; font-size: 1.5rem;">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
+              <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
+            </svg>
+            Passende Empfehlungen
+          </h3>
+          <p style="margin: 0; opacity: 0.9; line-height: 1.5;">
+            Basierend auf Ihrer Anfrage: "<em>${originalQuery.slice(0, 100)}${originalQuery.length > 100 ? '...' : ''}</em>"
+          </p>
+        </div>
+
+        ${renderContextualAnalysis(recommendation, 'tool')}
+
+        ${renderBackgroundKnowledge(recommendation.background_knowledge)}
+
+        <div class="tool-recommendations-grid" style="display: grid; gap: 1.5rem;">
+          ${recommendation.recommended_tools?.map((toolRec, index) => {
+            const fullTool = tools.find(t => t.name === toolRec.name);
+            if (!fullTool) return '';
+            
+            const hasValidProjectUrl = fullTool.projectUrl !== undefined && 
+                                      fullTool.projectUrl !== null && 
+                                      fullTool.projectUrl !== "" && 
+                                      fullTool.projectUrl.trim() !== "";
+            const isMethod = fullTool.type === 'method';
+            const suitabilityColors = {
+              high: 'var(--color-accent)',
+              medium: 'var(--color-warning)',
+              low: 'var(--color-text-secondary)'
+            };
+
+            const rankColors = {
+              1: 'var(--color-accent)',
+              2: 'var(--color-primary)',
+              3: 'var(--color-warning)'
+            };
+
+            return `
+              <div class="tool-detailed-recommendation card ${isMethod ? 'card-method' : hasValidProjectUrl ? 'card-hosted' : (fullTool.license !== 'Proprietary' ? 'card-oss' : '')}" 
+                   style="cursor: pointer; position: relative;" 
+                   onclick="window.showToolDetails('${fullTool.name}')">
+                
+                <div class="tool-rank-badge" style="position: absolute; top: -8px; right: -8px; width: 32px; height: 32px; background-color: ${rankColors[toolRec.rank]}; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.125rem; box-shadow: var(--shadow-md);">
+                  ${toolRec.rank}
+                </div>
+
+                <div class="tool-rec-header" style="margin-bottom: 1rem;">
+                  <h3 style="margin: 0 0 0.5rem 0; color: var(--color-text); font-size: 1.25rem;">${fullTool.name}</h3>
+                  <div style="display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center;">
+                    <span class="badge" style="background-color: ${suitabilityColors[toolRec.suitability_score]}; color: white; font-size: 0.8125rem;">
+                      ${getSuitabilityText(toolRec.suitability_score)}
+                    </span>
+                    ${isMethod ? '<span class="badge" style="background-color: var(--color-method); color: white;">Methode</span>' : ''}
+                    ${!isMethod && hasValidProjectUrl ? '<span class="badge badge-primary">CC24-Server</span>' : ''}
+                    ${!isMethod && fullTool.license !== 'Proprietary' ? '<span class="badge badge-success">Open Source</span>' : ''}
+                    ${fullTool.knowledgebase === true ? '<span class="badge badge-error">📖</span>' : ''}
+                  </div>
+                </div>
+                <div>
+                  ${(() => {
+                    const toolPhases = getToolPhases(fullTool);
+                    return toolPhases ? `
+                      <div style="margin-top: 0.75rem;">
+                        <div style="display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: var(--color-text-secondary);">
+                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="flex-shrink: 0;">
+                            <polyline points="9,11 12,14 22,4"/>
+                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+                          </svg>
+                          <span><strong>Anwendbare Phasen:</strong> ${toolPhases}</span>
+                        </div>
+                      </div>
+                    ` : '';
+                  })()}
+                </div>
+                <div class="tool-detailed-explanation" style="margin-bottom: 1.5rem;">
+                  <h4 style="margin: 0.8rem 0 0.75rem 0; color: var(--color-accent); font-size: 1rem;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
+                      <path d="M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4"/>
+                      <path d="M9 11V7a3 3 0 0 1 6 0v4"/>
+                    </svg>
+                    Warum diese Methode für Ihr Szenario?
+                  </h4>
+                  ${formatWorkflowSuggestion(toolRec.detailed_explanation)}                  
+                  ${toolRec.implementation_approach ? `
+                    <h4 style="margin: 0.8rem 0 0.75rem 0; color: var(--color-primary); font-size: 1rem;">
+                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
+                        <polyline points="9,11 12,14 22,4"/>
+                        <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+                      </svg>
+                      Anwendungsansatz
+                    </h4>
+                    ${formatWorkflowSuggestion(toolRec.implementation_approach)}
+                  ` : ''}
+                </div>
+
+                ${(toolRec.pros && toolRec.pros.length > 0) || (toolRec.cons && toolRec.cons.length > 0) ? `
+                  <div class="pros-cons-section" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;">
+                    ${toolRec.pros && toolRec.pros.length > 0 ? `
+                      <div class="pros" style="background-color: var(--color-oss-bg); padding: 1rem; border-radius: 0.5rem; border-left: 3px solid var(--color-accent);">
+                        <h5 style="margin: 0 0 0.5rem 0; color: var(--color-accent); font-size: 0.875rem; text-transform: uppercase;">
+                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
+                            <polyline points="20,6 9,17 4,12"/>
+                          </svg>
+                          Vorteile
+                        </h5>
+                        <ul style="margin: 0; padding-left: 1rem; font-size: 0.875rem; line-height: 1.5;">
+                          ${toolRec.pros.map(pro => `<li style="margin-bottom: 0.25rem;">${pro}</li>`).join('')}
+                        </ul>
+                      </div>
+                    ` : ''}
+                    ${toolRec.cons && toolRec.cons.length > 0 ? `
+                      <div class="cons" style="background-color: var(--color-hosted-bg); padding: 1rem; border-radius: 0.5rem; border-left: 3px solid var(--color-warning);">
+                        <h5 style="margin: 0 0 0.5rem 0; color: var(--color-warning); font-size: 0.875rem; text-transform: uppercase;">
+                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
+                            <line x1="18" y1="6" x2="6" y2="18"/>
+                            <line x1="6" y1="6" x2="18" y2="18"/>
+                          </svg>
+                          Nachteile
+                        </h5>
+                        <ul style="margin: 0; padding-left: 1rem; font-size: 0.875rem; line-height: 1.5;">
+                          ${toolRec.cons.map(con => `<li style="margin-bottom: 0.25rem;">${con}</li>`).join('')}
+                        </ul>
+                      </div>
+                    ` : ''}
+                  </div>
+                ` : ''}
+
+                <div class="tool-metadata" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.75rem; font-size: 0.8125rem; color: var(--color-text-secondary); margin-bottom: 1rem;">
+                  ${!isMethod ? '<div><strong>Plattformen:</strong> ' + fullTool.platforms.join(', ') + '</div>' : ''}
+                  <div><strong>Skill Level:</strong> ${fullTool.skillLevel}</div>
+                  ${!isMethod ? '<div><strong>Lizenz:</strong> ' + fullTool.license + '</div>' : ''}
+                  <div><strong>Typ:</strong> ${isMethod ? 'Methode' : fullTool.accessType}</div>
+                </div>
+
+                ${toolRec.alternatives ? `
+                  <div class="alternatives" style="background-color: var(--color-bg-secondary); padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
+                    <h5 style="margin: 0 0 0.5rem 0; color: var(--color-text-secondary); font-size: 0.875rem;">
+                      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
+                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
+                        <polyline points="3.27,6.96 12,12.01 20.73,6.96"/>
+                        <line x1="12" y1="22.08" x2="12" y2="12"/>
+                      </svg>
+                      Alternative Ansätze
+                    </h5>
+                  ${formatWorkflowSuggestion(toolRec.alternatives)}
+                  </div>
+                ` : ''}
+              </div>
+            `;
+          }).join('')}
+        </div>
+
+        ${recommendation.additional_considerations ? `
+          <div class="card" style="margin-top: 2rem; background-color: var(--color-bg-secondary); border-left: 4px solid var(--color-text-secondary);">
+            <h4 style="margin: 0 0 1rem 0; color: var(--color-text-secondary); display: flex; align-items: center; gap: 0.5rem;">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10"/>
+                <line x1="12" y1="8" x2="12" y2="12"/>
+                <line x1="12" y1="16" x2="12.01" y2="16"/>
+              </svg>
+              Zusätzliche Überlegungen
+            </h4>
+            ${formatWorkflowSuggestion(recommendation.additional_considerations)}
+          </div>
+        ` : ''}
+      </div>
+    `;
+    
+    aiResults.innerHTML = '';
+    const tempDiv = document.createElement('div');
+    tempDiv.innerHTML = resultsHTML;
+    aiResults.appendChild(tempDiv);
+  }
 
     const handleSubmit = async () => {
       const query = aiInput.value.trim();
@@ -258,6 +991,9 @@ document.addEventListener('DOMContentLoaded', () => {
         return;
       }
 
+      // Reset smart prompting when submitting
+      resetSmartPrompting();
+
       const taskId = `ai_${Date.now()}_${Math.random().toString(36).substr(2, 6)}`;
 
       aiResults.style.display = 'none';
@@ -402,456 +1138,6 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   };
 
-  function formatWorkflowSuggestion(text) {
-    const numberedListPattern = /(\d+\.\s)/g;
-    
-    if (numberedListPattern.test(text)) {
-      const items = text.split(/\d+\.\s/).filter(item => item.trim().length > 0);
-      
-      if (items.length > 1) {
-        const listItems = items.map(item => 
-          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${item.trim()}</li>`
-        ).join('');
-        
-        return `<ol style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ol>`;
-      }
-    }
-    
-    const bulletPattern = /^[\s]*[-\*•]\s/gm;
-    if (bulletPattern.test(text)) {
-      const items = text.split(/^[\s]*[-\*•]\s/gm).filter(item => item.trim().length > 0);
-      
-      if (items.length > 1) {
-        const listItems = items.map(item => 
-          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${item.trim()}</li>`
-        ).join('');
-        
-        return `<ul style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ul>`;
-      }
-    }
-    
-    if (text.includes('\n')) {
-      const lines = text.split('\n').filter(line => line.trim().length > 0);
-      if (lines.length > 1) {
-        const listItems = lines.map(line => 
-          `<li style="margin-bottom: 0.5rem; line-height: 1.6;">${line.trim()}</li>`
-        ).join('');
-        
-        return `<ul style="margin: 0; padding-left: 1.5rem; color: var(--color-text);">${listItems}</ul>`;
-      }
-    }
-    
-    return `<p style="margin: 0; line-height: 1.6; color: var(--color-text);">${text}</p>`;
-  }
-
-  function renderBackgroundKnowledge(backgroundKnowledge) {
-    if (!backgroundKnowledge || backgroundKnowledge.length === 0) {
-      return '';
-    }
-    
-    const conceptLinks = backgroundKnowledge.map(concept => `
-      <div class="concept-recommendation" style="background-color: var(--color-concept-bg); border: 1px solid var(--color-concept); border-radius: 0.5rem; padding: 1rem; margin-bottom: 0.75rem;">
-        <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem;">
-          <button class="concept-link" 
-                  onclick="event.stopPropagation(); window.showToolDetails('${concept.concept_name}', 'secondary')" 
-                  style="background: none; border: none; color: var(--color-concept); font-weight: 600; cursor: pointer; text-decoration: underline; font-size: 0.875rem; padding: 0;"
-                  onmouseover="this.style.color='var(--color-concept-hover)';"
-                  onmouseout="this.style.color='var(--color-concept)';">
-            📚 ${concept.concept_name}
-          </button>
-          <span class="badge" style="background-color: var(--color-concept); color: white; font-size: 0.625rem;">Hintergrundwissen</span>
-        </div>
-        <p style="margin: 0; font-size: 0.8125rem; line-height: 1.5; color: var(--color-text-secondary);">
-          ${concept.relevance}
-        </p>
-      </div>
-    `).join('');
-    
-    return `
-      <div class="card" style="margin-bottom: 2rem; border-left: 4px solid var(--color-concept);">
-        <h4 style="margin: 0 0 1rem 0; color: var(--color-concept); display: flex; align-items: center; gap: 0.5rem;">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
-            <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
-          </svg>
-          Empfohlenes Hintergrundwissen
-        </h4>
-        ${conceptLinks}
-      </div>
-    `;
-  }
-
-  function displayWorkflowResults(recommendation, originalQuery) {
-    const toolsByPhase = {};
-    
-    const phaseOrder = phases.map(phase => phase.id);
-    const phaseNames = phases.reduce((acc, phase) => {
-      acc[phase.id] = phase.name;
-      return acc;
-    }, {});
-
-    phaseOrder.forEach(phase => {
-      toolsByPhase[phase] = [];
-    });
-
-    recommendation.recommended_tools?.forEach(recTool => {
-      if (toolsByPhase[recTool.phase]) {
-        const fullTool = tools.find(t => t.name === recTool.name);
-        if (fullTool) {
-          toolsByPhase[recTool.phase].push({
-            ...fullTool,
-            recommendation: recTool
-          });
-        }
-      }
-    });
-
-    const resultsHTML = `
-      <div class="workflow-container">
-        <div style="text-align: center; margin-bottom: 2rem; padding: 1.5rem; background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%); color: white; border-radius: 0.75rem;">
-          <h3 style="margin: 0 0 0.75rem 0; font-size: 1.5rem;">Empfohlener DFIR-Workflow</h3>
-          <p style="margin: 0; opacity: 0.9; line-height: 1.5;">
-            Basierend auf Ihrer Anfrage: "<em>${originalQuery.slice(0, 100)}${originalQuery.length > 100 ? '...' : ''}</em>"
-          </p>
-        </div>
-
-        ${recommendation.scenario_analysis ? `
-          <div class="card" style="margin-bottom: 2rem; border-left: 4px solid var(--color-primary);">
-            <h4 style="margin: 0 0 1rem 0; color: var(--color-primary); display: flex; align-items: center; gap: 0.5rem;">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M12 20h9"/>
-                <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
-              </svg>
-              Szenario-Analyse
-            </h4>
-            ${formatWorkflowSuggestion(recommendation.scenario_analysis)}
-          </div>
-        ` : ''}
-
-        ${renderBackgroundKnowledge(recommendation.background_knowledge)}
-
-        ${phaseOrder.map((phase, index) => {
-          const phaseTools = toolsByPhase[phase];
-          if (phaseTools.length === 0) return '';
-
-          return `
-            <div class="workflow-phase">
-              <div class="phase-header">
-                <div class="phase-number">${index + 1}</div>
-                <div class="phase-info">
-                  <h3 class="phase-title">${phaseNames[phase]}</h3>
-                  <div class="phase-tools">
-                    ${phaseTools.map(tool => {
-                      const hasValidProjectUrl = tool.projectUrl !== undefined && 
-                                                tool.projectUrl !== null && 
-                                                tool.projectUrl !== "" && 
-                                                tool.projectUrl.trim() !== "";
-                      
-                      const priorityColors = {
-                        high: 'var(--color-error)',
-                        medium: 'var(--color-warning)', 
-                        low: 'var(--color-accent)'
-                      };
-
-                      return `
-                        <div class="tool-recommendation ${tool.type === 'method' ? 'method' : hasValidProjectUrl ? 'hosted' : (tool.license !== 'Proprietary' ? 'oss' : '')}"
-                             onclick="window.showToolDetails('${tool.name}')">
-                          <div class="tool-rec-header">
-                            <h4 class="tool-rec-name">
-                              ${tool.icon ? `<span style="margin-right: 0.5rem;">${tool.icon}</span>` : ''}
-                              ${tool.name}
-                            </h4>
-                            <span class="tool-rec-priority ${tool.recommendation.priority}" 
-                                  style="background-color: ${priorityColors[tool.recommendation.priority]};">
-                              ${tool.recommendation.priority}
-                            </span>
-                          </div>
-                          
-                          <div class="tool-rec-justification">
-                            "${tool.recommendation.justification}"
-                          </div>
-                          
-                          <div class="tool-rec-metadata">
-                            <div style="display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.5rem;">
-                              ${tool.type !== 'method' && hasValidProjectUrl ? '<span class="badge badge-primary">CC24-Server</span>' : ''}
-                              ${tool.knowledgebase === true ? '<span class="badge badge-error">📖</span>' : ''}
-                              <span class="badge" style="background-color: var(--color-bg-tertiary); color: var(--color-text);">${tool.skillLevel}</span>
-                            </div>
-                            <div style="font-size: 0.8125rem; color: var(--color-text-secondary);">
-                              ${tool.type === 'method' ? 'Methode' : tool.platforms.join(', ') + ' • ' + tool.license}
-                            </div>
-                          </div>
-                        </div>
-                      `;
-                    }).join('')}
-                  </div>
-                </div>
-              </div>
-              ${index < phaseOrder.length - 1 ? `
-                <div class="workflow-arrow">
-                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--color-primary)" stroke-width="2">
-                    <line x1="12" y1="5" x2="12" y2="19"/>
-                    <polyline points="19,12 12,19 5,12"/>
-                  </svg>
-                </div>
-              ` : ''}
-            </div>
-          `;
-        }).join('')}
-
-        ${recommendation.workflow_suggestion ? `
-          <div class="card" style="margin-top: 2rem; border-left: 4px solid var(--color-accent);">
-            <h4 style="margin: 0 0 1rem 0; color: var(--color-accent); display: flex; align-items: center; gap: 0.5rem;">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <polyline points="9,11 12,14 22,4"/>
-                <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
-              </svg>
-              Workflow-Empfehlung
-            </h4>
-            ${formatWorkflowSuggestion(recommendation.workflow_suggestion)}
-          </div>
-        ` : ''}
-
-        ${recommendation.additional_notes ? `
-          <div class="card" style="margin-top: 1rem; background-color: var(--color-warning); color: white;">
-            <h4 style="margin: 0 0 1rem 0; display: flex; align-items: center; gap: 0.5rem;">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <circle cx="12" cy="12" r="10"/>
-                <line x1="12" y1="8" x2="12" y2="12"/>
-                <line x1="12" y1="16" x2="12.01" y2="16"/>
-              </svg>
-              Wichtige Hinweise
-            </h4>
-            <div style="color: white;">
-              ${formatWorkflowSuggestion(recommendation.additional_notes).replace(/color: var\(--color-text\)/g, 'color: white')}
-            </div>
-          </div>
-        ` : ''}
-      </div>
-    `;
-    
-    aiResults.innerHTML = '';
-    const tempDiv = document.createElement('div');
-    tempDiv.innerHTML = resultsHTML;
-    aiResults.appendChild(tempDiv);
-  }
-
-  function displayToolResults(recommendation, originalQuery) {
-    function getSuitabilityText(score) {
-      const suitabilityTexts = {
-        high: 'GUT GEEIGNET',
-        medium: 'GEEIGNET', 
-        low: 'VIELLEICHT GEEIGNET'
-      };
-      return suitabilityTexts[score] || 'GEEIGNET';
-    }
-
-    function getToolPhases(tool) {
-      if (!tool.phases || tool.phases.length === 0) return '';
-      
-      const phaseNames = phases.reduce((acc, phase) => {
-        acc[phase.id] = phase.name;
-        return acc;
-      }, {});
-      
-      const domainAgnosticNames = domainAgnosticSoftware.reduce((acc, section) => {
-        acc[section.id] = section.name;
-        return acc;
-      }, {});
-      
-      const allPhaseNames = { ...phaseNames, ...domainAgnosticNames };
-      
-      return tool.phases.map(phaseId => allPhaseNames[phaseId]).filter(Boolean).join(', ');
-    }
-    const resultsHTML = `
-      <div class="tool-results-container">
-        <div style="text-align: center; margin-bottom: 2rem; padding: 1.5rem; background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%); color: white; border-radius: 0.75rem;">
-          <h3 style="margin: 0 0 0.75rem 0; font-size: 1.5rem;">
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
-              <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/>
-            </svg>
-            Passende Empfehlungen
-          </h3>
-          <p style="margin: 0; opacity: 0.9; line-height: 1.5;">
-            Basierend auf Ihrer Anfrage: "<em>${originalQuery.slice(0, 100)}${originalQuery.length > 100 ? '...' : ''}</em>"
-          </p>
-        </div>
-
-        ${recommendation.problem_analysis ? `
-          <div class="card" style="margin-bottom: 2rem; border-left: 4px solid var(--color-primary);">
-            <h4 style="margin: 0 0 1rem 0; color: var(--color-primary); display: flex; align-items: center; gap: 0.5rem;">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <circle cx="12" cy="12" r="10"/>
-                <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
-                <line x1="12" y1="17" x2="12.01" y2="17"/>
-              </svg>
-              Problem-Analyse
-            </h4>
-            ${formatWorkflowSuggestion(recommendation.problem_analysis)}
-          </div>
-        ` : ''}
-
-        ${renderBackgroundKnowledge(recommendation.background_knowledge)}
-
-        <div class="tool-recommendations-grid" style="display: grid; gap: 1.5rem;">
-          ${recommendation.recommended_tools?.map((toolRec, index) => {
-            const fullTool = tools.find(t => t.name === toolRec.name);
-            if (!fullTool) return '';
-            
-            const hasValidProjectUrl = fullTool.projectUrl !== undefined && 
-                                      fullTool.projectUrl !== null && 
-                                      fullTool.projectUrl !== "" && 
-                                      fullTool.projectUrl.trim() !== "";
-            const isMethod = fullTool.type === 'method';
-            const suitabilityColors = {
-              high: 'var(--color-accent)',
-              medium: 'var(--color-warning)',
-              low: 'var(--color-text-secondary)'
-            };
-
-            const rankColors = {
-              1: 'var(--color-accent)',
-              2: 'var(--color-primary)',
-              3: 'var(--color-warning)'
-            };
-
-            return `
-              <div class="tool-detailed-recommendation card ${isMethod ? 'card-method' : hasValidProjectUrl ? 'card-hosted' : (fullTool.license !== 'Proprietary' ? 'card-oss' : '')}" 
-                   style="cursor: pointer; position: relative;" 
-                   onclick="window.showToolDetails('${fullTool.name}')">
-                
-                <div class="tool-rank-badge" style="position: absolute; top: -8px; right: -8px; width: 32px; height: 32px; background-color: ${rankColors[toolRec.rank]}; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.125rem; box-shadow: var(--shadow-md);">
-                  ${toolRec.rank}
-                </div>
-
-                <div class="tool-rec-header" style="margin-bottom: 1rem;">
-                  <h3 style="margin: 0 0 0.5rem 0; color: var(--color-text); font-size: 1.25rem;">${fullTool.name}</h3>
-                  <div style="display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center;">
-                    <span class="badge" style="background-color: ${suitabilityColors[toolRec.suitability_score]}; color: white; font-size: 0.8125rem;">
-                      ${getSuitabilityText(toolRec.suitability_score)}
-                    </span>
-                    ${isMethod ? '<span class="badge" style="background-color: var(--color-method); color: white;">Methode</span>' : ''}
-                    ${!isMethod && hasValidProjectUrl ? '<span class="badge badge-primary">CC24-Server</span>' : ''}
-                    ${!isMethod && fullTool.license !== 'Proprietary' ? '<span class="badge badge-success">Open Source</span>' : ''}
-                    ${fullTool.knowledgebase === true ? '<span class="badge badge-error">📖</span>' : ''}
-                  </div>
-                </div>
-                <div>
-                  ${(() => {
-                    const toolPhases = getToolPhases(fullTool);
-                    return toolPhases ? `
-                      <div style="margin-top: 0.75rem;">
-                        <div style="display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: var(--color-text-secondary);">
-                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="flex-shrink: 0;">
-                            <polyline points="9,11 12,14 22,4"/>
-                            <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
-                          </svg>
-                          <span><strong>Anwendbare Phasen:</strong> ${toolPhases}</span>
-                        </div>
-                      </div>
-                    ` : '';
-                  })()}
-                </div>
-                <div class="tool-detailed-explanation" style="margin-bottom: 1.5rem;">
-                  <h4 style="margin: 0.8rem 0 0.75rem 0; color: var(--color-accent); font-size: 1rem;">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
-                      <path d="M9 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2h-4"/>
-                      <path d="M9 11V7a3 3 0 0 1 6 0v4"/>
-                    </svg>
-                    Warum diese Methode?
-                  </h4>
-                  ${formatWorkflowSuggestion(toolRec.detailed_explanation)}                  
-                  ${toolRec.implementation_approach ? `
-                    <h4 style="margin: 0.8rem 0 0.75rem 0; color: var(--color-primary); font-size: 1rem;">
-                      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.5rem; vertical-align: middle;">
-                        <polyline points="9,11 12,14 22,4"/>
-                        <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
-                      </svg>
-                      Anwendungsansatz
-                    </h4>
-                    ${formatWorkflowSuggestion(toolRec.implementation_approach)}
-                  ` : ''}
-                </div>
-
-                ${(toolRec.pros && toolRec.pros.length > 0) || (toolRec.cons && toolRec.cons.length > 0) ? `
-                  <div class="pros-cons-section" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem;">
-                    ${toolRec.pros && toolRec.pros.length > 0 ? `
-                      <div class="pros" style="background-color: var(--color-oss-bg); padding: 1rem; border-radius: 0.5rem; border-left: 3px solid var(--color-accent);">
-                        <h5 style="margin: 0 0 0.5rem 0; color: var(--color-accent); font-size: 0.875rem; text-transform: uppercase;">
-                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
-                            <polyline points="20,6 9,17 4,12"/>
-                          </svg>
-                          Vorteile
-                        </h5>
-                        <ul style="margin: 0; padding-left: 1rem; font-size: 0.875rem; line-height: 1.5;">
-                          ${toolRec.pros.map(pro => `<li style="margin-bottom: 0.25rem;">${pro}</li>`).join('')}
-                        </ul>
-                      </div>
-                    ` : ''}
-                    ${toolRec.cons && toolRec.cons.length > 0 ? `
-                      <div class="cons" style="background-color: var(--color-hosted-bg); padding: 1rem; border-radius: 0.5rem; border-left: 3px solid var(--color-warning);">
-                        <h5 style="margin: 0 0 0.5rem 0; color: var(--color-warning); font-size: 0.875rem; text-transform: uppercase;">
-                          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
-                            <line x1="18" y1="6" x2="6" y2="18"/>
-                            <line x1="6" y1="6" x2="18" y2="18"/>
-                          </svg>
-                          Nachteile
-                        </h5>
-                        <ul style="margin: 0; padding-left: 1rem; font-size: 0.875rem; line-height: 1.5;">
-                          ${toolRec.cons.map(con => `<li style="margin-bottom: 0.25rem;">${con}</li>`).join('')}
-                        </ul>
-                      </div>
-                    ` : ''}
-                  </div>
-                ` : ''}
-
-                <div class="tool-metadata" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.75rem; font-size: 0.8125rem; color: var(--color-text-secondary); margin-bottom: 1rem;">
-                  ${!isMethod ? '<div><strong>Plattformen:</strong> ' + fullTool.platforms.join(', ') + '</div>' : ''}
-                  <div><strong>Skill Level:</strong> ${fullTool.skillLevel}</div>
-                  ${!isMethod ? '<div><strong>Lizenz:</strong> ' + fullTool.license + '</div>' : ''}
-                  <div><strong>Typ:</strong> ${isMethod ? 'Methode' : fullTool.accessType}</div>
-                </div>
-
-                ${toolRec.alternatives ? `
-                  <div class="alternatives" style="background-color: var(--color-bg-secondary); padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem;">
-                    <h5 style="margin: 0 0 0.5rem 0; color: var(--color-text-secondary); font-size: 0.875rem;">
-                      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="margin-right: 0.25rem; vertical-align: middle;">
-                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
-                        <polyline points="3.27,6.96 12,12.01 20.73,6.96"/>
-                        <line x1="12" y1="22.08" x2="12" y2="12"/>
-                      </svg>
-                      Alternative Ansätze
-                    </h5>
-                  ${formatWorkflowSuggestion(toolRec.alternatives)}
-                  </div>
-                ` : ''}
-              </div>
-            `;
-          }).join('')}
-        </div>
-
-        ${recommendation.additional_considerations ? `
-          <div class="card" style="margin-top: 2rem; background-color: var(--color-bg-secondary); border-left: 4px solid var(--color-text-secondary);">
-            <h4 style="margin: 0 0 1rem 0; color: var(--color-text-secondary); display: flex; align-items: center; gap: 0.5rem;">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <circle cx="12" cy="12" r="10"/>
-                <line x1="12" y1="8" x2="12" y2="12"/>
-                <line x1="12" y1="16" x2="12.01" y2="16"/>
-              </svg>
-              Zusätzliche Überlegungen
-            </h4>
-            ${formatWorkflowSuggestion(recommendation.additional_considerations)}
-          </div>
-        ` : ''}
-      </div>
-    `;
-    
-    aiResults.innerHTML = '';
-    const tempDiv = document.createElement('div');
-    tempDiv.innerHTML = resultsHTML;
-    aiResults.appendChild(tempDiv);
-  }
-
   updateModeUI();
 });
 </script>
\ No newline at end of file
diff --git a/src/data/tools.yaml b/src/data/tools.yaml
index 9b79652..983a535 100644
--- a/src/data/tools.yaml
+++ b/src/data/tools.yaml
@@ -878,23 +878,33 @@ tools:
       - reporting
       - data-processing
       - scripting
-  - name: "Android Logical Imaging"
-    icon: "📋"
-    type: "method"
-    description: "Es gibt immer wieder auch Fälle, wo man nicht allermodernste Mobilgeräte knacken muss - der Großvater, der im Nachlass ein altes Samsung mit wichtigen Daten hinterlassen hat.
-      Es muss in diesn Fällen nicht der teure Hersteller aus Israel sein. Die Androis-ADB-Shell bietet genug Möglichkeiten, auch ohne viel Geld auszugeben an das logische Dateisystem zu gelangen.
-      Die Erfolgsaussichten sinken jedoch massiv bei neuren Geräten."
-    domains: ["mobile-forensics"]
-    phases: ["data-collection"]
-    platforms: []  
-    skillLevel: "advanced"
+  - name: Android Logical Imaging
+    icon: 📋
+    type: method
+    description: >-
+      Es gibt immer wieder auch Fälle, wo man nicht allermodernste Mobilgeräte
+      knacken muss - der Großvater, der im Nachlass ein altes Samsung mit
+      wichtigen Daten hinterlassen hat. Es muss in diesn Fällen nicht der teure
+      Hersteller aus Israel sein. Die Androis-ADB-Shell bietet genug
+      Möglichkeiten, auch ohne viel Geld auszugeben an das logische Dateisystem
+      zu gelangen. Die Erfolgsaussichten sinken jedoch massiv bei neuren
+      Geräten.
+    domains:
+      - mobile-forensics
+    phases:
+      - data-collection
+    platforms: []
+    skillLevel: advanced
     accessType: null
-    url: "https://claude.ai/public/artifacts/66785e1f-62bb-4eb9-9269-b08648161742"
+    url: https://claude.ai/public/artifacts/66785e1f-62bb-4eb9-9269-b08648161742
     projectUrl: null
     license: null
     knowledgebase: true
     related_concepts: null
-    tags: ["imaging", "filesystem", "hardware-interface"]
+    tags:
+      - imaging
+      - filesystem
+      - hardware-interface
   - name: Microsoft Office 365
     type: software
     description: >-
@@ -2081,6 +2091,29 @@ tools:
       - evidence-preservation
       - malware-identification
       - chain-of-custody
+  - name: MSAB XRY
+    type: software
+    description: >-
+      Die Smartphone-Extraktionssoftware der Firma MSAB positioniert sich als
+      Konkurrenz zum Marktführer Cellebrite. MSAB wirbt mit dem Imaging selbst
+      neuester Android- und IOS-Geräte.
+    skillLevel: beginner
+    url: https://www.msab.com/product/xry-extract/
+    icon: 📦
+    domains:
+      - mobile-forensics
+    phases:
+      - data-collection
+    tags:
+      - law-enforcement
+      - fast
+      - SIM
+      - image-recognition
+    platforms:
+      - Windows
+    accessType: download
+    license: Proprietary
+    knowledgebase: false
 domains:
   - id: incident-response
     name: Incident Response & Breach-Untersuchung
diff --git a/src/pages/api/ai/enhance-input.ts b/src/pages/api/ai/enhance-input.ts
new file mode 100644
index 0000000..34d5347
--- /dev/null
+++ b/src/pages/api/ai/enhance-input.ts
@@ -0,0 +1,186 @@
+// src/pages/api/ai/enhance-input.ts
+import type { APIRoute } from 'astro';
+import { withAPIAuth } from '../../../utils/auth.js';
+import { apiError, apiServerError, createAuthErrorResponse } from '../../../utils/api.js';
+import { enqueueApiCall } from '../../../utils/rateLimitedQueue.js';
+
+export const prerender = false;
+
+function getEnv(key: string): string {
+  const value = process.env[key];
+  if (!value) {
+    throw new Error(`Missing environment variable: ${key}`);
+  }
+  return value;
+}
+
+const AI_MODEL = getEnv('AI_MODEL');
+const rateLimitStore = new Map<string, { count: number; resetTime: number }>();
+const RATE_LIMIT_WINDOW = 60 * 1000; // 1 minute
+const RATE_LIMIT_MAX = 5; // 5 enhancement requests per minute per user
+
+function sanitizeInput(input: string): string {
+  return input
+    .replace(/```[\s\S]*?```/g, '[CODE_BLOCK_REMOVED]')
+    .replace(/\<\/?[^>]+(>|$)/g, '')
+    .replace(/\b(system|assistant|user)\s*[:]/gi, '[ROLE_REMOVED]')
+    .replace(/\b(ignore|forget|disregard)\s+(previous|all|your)\s+(instructions?|context|rules?)/gi, '[INSTRUCTION_REMOVED]')
+    .trim()
+    .slice(0, 1000); // Shorter limit for enhancement
+}
+
+function checkRateLimit(userId: string): boolean {
+  const now = Date.now();
+  const userLimit = rateLimitStore.get(userId);
+  
+  if (!userLimit || now > userLimit.resetTime) {
+    rateLimitStore.set(userId, { count: 1, resetTime: now + RATE_LIMIT_WINDOW });
+    return true;
+  }
+  
+  if (userLimit.count >= RATE_LIMIT_MAX) {
+    return false;
+  }
+  
+  userLimit.count++;
+  return true;
+}
+
+function cleanupExpiredRateLimits() {
+  const now = Date.now();
+  for (const [userId, limit] of rateLimitStore.entries()) {
+    if (now > limit.resetTime) {
+      rateLimitStore.delete(userId);
+    }
+  }
+}
+
+// Clean up expired limits every 5 minutes
+setInterval(cleanupExpiredRateLimits, 5 * 60 * 1000);
+
+function createEnhancementPrompt(input: string): string {
+  return `
+Du bist eine KI für digitale Forensik. Der Nutzer beschreibt ein forensisches Szenario. Analysiere die Eingabe.
+
+Wenn die Beschreibung unvollständig oder vage ist, stelle bis zu drei präzise Rückfragen im JSON-Array-Format, um wichtige Details zu klären (z. B. Vorfalltyp, System, Ziel, Datenquellen, Zeit, Beteiligte, rechtlicher Rahmen).
+
+Wenn die Eingabe bereits klar, spezifisch und vollständig ist, gib stattdessen nur eine leere Liste [] zurück.
+
+Antwortformat strikt:
+
+\`\`\`json
+[
+  "Frage 1?",
+  "Frage 2?",
+  "Frage 3?"
+]
+\`\`\`
+
+Nutzer-Eingabe:
+${input}
+  `.trim();
+}
+
+
+export const POST: APIRoute = async ({ request }) => {
+  try {
+    const authResult = await withAPIAuth(request, 'ai');
+    if (!authResult.authenticated) {
+      return createAuthErrorResponse();
+    }
+    
+    const userId = authResult.userId;
+
+    if (!checkRateLimit(userId)) {
+      return apiError.rateLimit('Enhancement rate limit exceeded');
+    }
+
+    const body = await request.json();
+    const { input } = body;
+
+    if (!input || typeof input !== 'string' || input.length < 20) {
+      return apiError.badRequest('Input too short for enhancement');
+    }
+
+    const sanitizedInput = sanitizeInput(input);
+    if (sanitizedInput.length < 20) {
+      return apiError.badRequest('Input too short after sanitization');
+    }
+
+    const systemPrompt = createEnhancementPrompt(sanitizedInput);
+    const taskId = `enhance_${userId}_${Date.now()}_${Math.random().toString(36).substr(2, 4)}`;
+    
+    const aiResponse = await enqueueApiCall(() =>
+      fetch(process.env.AI_API_ENDPOINT + '/v1/chat/completions', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${process.env.AI_API_KEY}`
+        },
+        body: JSON.stringify({
+          model: AI_MODEL,
+          messages: [
+            {
+              role: 'user',
+              content: systemPrompt
+            }
+          ],
+          max_tokens: 200,
+          temperature: 0.7
+        })
+      }), taskId);
+
+    if (!aiResponse.ok) {
+      console.error('AI enhancement error:', await aiResponse.text());
+      return apiServerError.unavailable('Enhancement service unavailable');
+    }
+
+    const aiData = await aiResponse.json();
+    const aiContent = aiData.choices?.[0]?.message?.content;
+
+    if (!aiContent) {
+      return apiServerError.unavailable('No enhancement response');
+    }
+
+    let questions;
+    try {
+    const cleanedContent = aiContent
+        .replace(/^```json\s*/i, '')
+        .replace(/\s*```\s*$/, '')
+        .trim();
+    questions = JSON.parse(cleanedContent);
+      
+      if (!Array.isArray(questions) || questions.length === 0) {
+        throw new Error('Invalid questions format');
+      }
+      
+      // Validate and clean questions
+      questions = questions
+        .filter(q => typeof q === 'string' && q.length > 5 && q.length < 120)
+        .slice(0, 3);
+        
+      if (questions.length === 0) {
+        throw new Error('No valid questions found');
+      }
+
+    } catch (error) {
+      console.error('Failed to parse enhancement response:', aiContent);
+      return apiServerError.unavailable('Invalid enhancement response format');
+    }
+
+    console.log(`[AI Enhancement] User: ${userId}, Questions: ${questions.length}, Input length: ${sanitizedInput.length}`);
+
+    return new Response(JSON.stringify({
+      success: true,
+      questions,
+      taskId
+    }), {
+      status: 200,
+      headers: { 'Content-Type': 'application/json' }
+    });
+
+  } catch (error) {
+    console.error('Enhancement error:', error);
+    return apiServerError.internal('Enhancement processing failed');
+  }
+};
\ No newline at end of file
diff --git a/src/pages/api/ai/query.ts b/src/pages/api/ai/query.ts
index c011d84..55cae17 100644
--- a/src/pages/api/ai/query.ts
+++ b/src/pages/api/ai/query.ts
@@ -155,6 +155,11 @@ WICHTIGE REGELN:
 8. WICHTIG: Erwähne relevante Hintergrundwissen-Konzepte wenn Tools verwendet werden, die related_concepts haben
 9. Konzepte sind NICHT Tools - empfehle sie nicht als actionable Schritte, sondern als Wissensbasis
 
+ENHANCED CONTEXTUAL ANALYSIS:
+10. Analysiere das Szenario detailliert und identifiziere Schlüsselelemente, Bedrohungen und forensische Herausforderungen
+11. Entwickle einen strategischen Untersuchungsansatz basierend auf dem spezifischen Szenario
+12. Identifiziere zeitkritische oder besonders wichtige Faktoren für diesen Fall
+
 SOFTWARE/METHODEN-AUSWAHL NACH PHASE:
 ${phaseDescriptions}
 
@@ -163,16 +168,18 @@ ${domainAgnosticDescriptions}
 
 ANTWORT-FORMAT (strict JSON):
 {
-  "scenario_analysis": "Detaillierte Analyse des Szenarios auf Deutsch/English",
+  "scenario_analysis": "Detaillierte Analyse des Szenarios: Erkannte Schlüsselelemente, Art des Vorfalls, betroffene Systeme, potentielle Bedrohungen und forensische Herausforderungen",
+  "investigation_approach": "Strategischer Untersuchungsansatz für dieses spezifische Szenario: Prioritäten, Reihenfolge der Phasen, besondere Überlegungen",
+  "critical_considerations": "Zeitkritische Faktoren, wichtige Sicherheitsaspekte oder besondere Vorsichtsmaßnahmen für diesen Fall",
   "recommended_tools": [
     {
       "name": "EXAKTER Name aus der Tools-Database",
       "priority": "high|medium|low", 
       "phase": "${validPhases}",
-      "justification": "Warum diese Methode für diese Phase und Szenario geeignet ist"
+      "justification": "Warum diese Methode für diese Phase und dieses spezifische Szenario geeignet ist - mit Bezug zu den erkannten Schlüsselelementen"
     }
   ],
-  "workflow_suggestion": "Vorgeschlagener Untersuchungsablauf",
+  "workflow_suggestion": "Vorgeschlagener Untersuchungsablauf mit konkreten Schritten für dieses Szenario",
   "background_knowledge": [
     {
       "concept_name": "EXAKTER Name aus der Konzepte-Database",
@@ -230,15 +237,22 @@ WICHTIGE REGELN:
 10. WICHTIG: Erwähne relevante Hintergrundwissen-Konzepte wenn Tools verwendet werden, die related_concepts haben
 11. Konzepte sind NICHT Tools - empfehle sie nicht als actionable Schritte, sondern als Wissensbasis
 
+ENHANCED CONTEXTUAL ANALYSIS:
+12. Analysiere das Problem detailliert und identifiziere technische Anforderungen, Herausforderungen und Erfolgsfaktoren
+13. Entwickle einen strategischen Lösungsansatz basierend auf dem spezifischen Problem
+14. Identifiziere wichtige Voraussetzungen oder Warnungen für die Anwendung
+
 ANTWORT-FORMAT (strict JSON):
 {
-  "problem_analysis": "Detaillierte Analyse des Problems/der Anforderung",
+  "problem_analysis": "Detaillierte Analyse des Problems: Erkannte technische Anforderungen, Herausforderungen, benötigte Fähigkeiten und Erfolgsfaktoren",
+  "investigation_approach": "Strategischer Lösungsansatz für dieses spezifische Problem: Herangehensweise, Prioritäten, optimale Anwendungsreihenfolge",
+  "critical_considerations": "Wichtige Voraussetzungen, potentielle Fallstricke oder Warnungen für die Anwendung der empfohlenen Lösungen",
   "recommended_tools": [
     {
       "name": "EXAKTER Name aus der Tools-Database",
       "rank": 1,
       "suitability_score": "high|medium|low",
-      "detailed_explanation": "Detaillierte Erklärung, warum dieses Tool/diese Methode das Problem löst",
+      "detailed_explanation": "Detaillierte Erklärung, warum dieses Tool/diese Methode das spezifische Problem löst - mit Bezug zu den erkannten Anforderungen",
       "implementation_approach": "Konkrete Schritte/Ansatz zur Anwendung für dieses spezifische Problem",
       "pros": ["Spezifische Vorteile für diesen Anwendungsfall", "Weitere Vorteile"],
       "cons": ["Potentielle Nachteile oder Limitationen", "Weitere Einschränkungen"],
@@ -348,6 +362,10 @@ export const POST: APIRoute = async ({ request }) => {
     if (mode === 'workflow') {
       validatedRecommendation = {
         ...recommendation,
+        // Ensure all new fields are included with fallbacks
+        scenario_analysis: recommendation.scenario_analysis || recommendation.problem_analysis || '',
+        investigation_approach: recommendation.investigation_approach || '',
+        critical_considerations: recommendation.critical_considerations || '',
         recommended_tools: recommendation.recommended_tools?.filter((tool: any) => {
           if (!validToolNames.has(tool.name)) {
             console.warn(`AI recommended unknown tool: ${tool.name}`);
@@ -366,6 +384,10 @@ export const POST: APIRoute = async ({ request }) => {
     } else {
       validatedRecommendation = {
         ...recommendation,
+        // Ensure all new fields are included with fallbacks
+        problem_analysis: recommendation.problem_analysis || recommendation.scenario_analysis || '',
+        investigation_approach: recommendation.investigation_approach || '',
+        critical_considerations: recommendation.critical_considerations || '',
         recommended_tools: recommendation.recommended_tools?.filter((tool: any) => {
           if (!validToolNames.has(tool.name)) {
             console.warn(`AI recommended unknown tool: ${tool.name}`);
diff --git a/src/styles/global.css b/src/styles/global.css
index 72bc487..b17f12c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -967,6 +967,23 @@ input[type="checkbox"] {
   transition: var(--transition-fast);
 }
 
+.ai-input-layout {
+  display: flex;
+  gap: 1.5rem;
+  align-items: flex-start;
+  margin-bottom: 1rem;
+}
+
+.ai-textarea-section {
+  flex: 1;
+  min-width: 0;
+}
+
+.ai-suggestions-section {
+  flex: 0 0 320px;
+  min-height: 120px;
+}
+
 .ai-input-container textarea:focus {
   outline: none;
   border-color: var(--color-primary);
@@ -1789,6 +1806,33 @@ footer {
   .form-grid.two-columns {
     grid-template-columns: 1fr;
   }
+  .hint-card {
+    padding: 1rem;
+  }
+  
+  .hint-description {
+    font-size: 0.6875rem;
+  }
+  
+  .hint-trigger {
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+  .ai-input-layout {
+    gap: 0.75rem;
+    flex-direction: column;
+  }
+  .ai-suggestions-section {
+    flex: 0 0 auto;
+    width: 100%;
+    max-width: none;
+  }
+  .ai-textarea-section {
+    flex: 1;
+    min-width: 0;
+    width: 100%;
+    min-height: 100px;
+  }
 }
 
 @media (width <= 640px) {
@@ -1922,4 +1966,444 @@ footer {
   .kb-entry .flex.gap-2 {
     gap: 0.5rem;
   }
-}
\ No newline at end of file
+
+  
+  .prompting-card {
+    padding: 0.75rem;
+  }
+  
+  .suggestion-item {
+    padding: 0.375rem 0.5rem;
+    font-size: 0.75rem;
+  }
+  
+  .position-badge {
+    width: 28px;
+    height: 28px;
+    font-size: 0.875rem;
+  }
+  
+  .queue-status-card {
+    padding: 1rem;
+  }
+  .hint-card {
+    padding: 0.75rem;
+  }
+  
+  .hint-title {
+    font-size: 0.8125rem;
+  }
+  
+  .hint-description {
+    font-size: 0.625rem;
+  }
+}
+
+/* Smart Prompting Styles - Simplified */
+.smart-prompting-container {
+  height: 100%;
+  animation: smartPromptSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.prompting-card {
+  background-color: var(--color-bg-tertiary);
+  border: 1px solid var(--color-border);
+  border-radius: 0.5rem;
+  padding: 1rem;
+  height: 100%;
+  min-height: 120px;
+  display: flex;
+  flex-direction: column;
+  opacity: 0.85;
+  transition: var(--transition-fast);
+}
+
+.prompting-card:hover {
+  opacity: 1;
+  border-color: var(--color-accent);
+}
+
+.prompting-status {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.status-icon {
+  font-size: 1rem;
+  flex-shrink: 0;
+}
+
+.status-text {
+  font-size: 0.8125rem;
+  font-weight: 500;
+  color: var(--color-text);
+  flex: 1;
+}
+
+.prompting-spinner {
+  flex-shrink: 0;
+  animation: spin 1s linear infinite;
+}
+
+/* Smart Prompting Hint */
+.smart-prompting-hint {
+  height: 100%;
+  min-height: 120px;
+  display: flex;
+  align-items: center;
+  animation: hintFadeIn 0.3s ease-in-out;
+}
+
+.hint-card {
+  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
+  border: 1px dashed var(--color-border);
+  border-radius: 0.5rem;
+  padding: 1.25rem;
+  width: 100%;
+  text-align: center;
+  opacity: 0.7;
+  transition: var(--transition-medium);
+}
+
+.hint-card:hover {
+  opacity: 0.9;
+  border-color: var(--color-accent);
+  transform: translateY(-1px);
+}
+
+.hint-icon {
+  margin-bottom: 0.75rem;
+  opacity: 0.8;
+}
+
+.hint-content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.hint-title {
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--color-text);
+  letter-spacing: 0.025em;
+}
+
+.hint-description {
+  margin: 0;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  color: var(--color-text-secondary);
+}
+
+.hint-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid var(--color-border);
+}
+
+.hint-label {
+  font-size: 0.6875rem;
+  color: var(--color-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-weight: 500;
+}
+
+.hint-value {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--color-accent);
+  background-color: var(--color-bg);
+  padding: 0.125rem 0.5rem;
+  border-radius: 1rem;
+  border: 1px solid var(--color-accent);
+}
+
+/* Hide hint when smart prompting is active */
+.smart-prompting-container[style*="block"] ~ .smart-prompting-hint,
+.smart-prompting-container:not([style*="none"]) ~ .smart-prompting-hint {
+  display: none;
+}
+
+@keyframes hintFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 0.7;
+    transform: translateY(0);
+  }
+}
+
+.suggested-questions {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.suggestions-header {
+  margin-bottom: 0.75rem;
+}
+
+.suggestions-label {
+  font-size: 0.75rem;
+  color: var(--color-text-secondary);
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+
+.questions-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+}
+
+.suggestion-item {
+  background-color: var(--color-bg);
+  border: 1px solid transparent;
+  border-radius: 0.375rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  color: var(--color-text-secondary);
+  border-left: 2px solid var(--color-accent);
+  transition: var(--transition-fast);
+  position: relative;
+}
+
+.suggestion-item::before {
+  content: counter(suggestion-counter);
+  counter-increment: suggestion-counter;
+  position: absolute;
+  left: -8px;
+  top: -6px;
+  background-color: var(--color-accent);
+  color: white;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.625rem;
+  font-weight: 600;
+}
+.questions-list {
+  counter-reset: suggestion-counter;
+}
+
+.suggestion-number {
+  color: var(--color-accent);
+  font-weight: 600;
+  margin-right: 0.5rem;
+}
+
+.dismiss-button {
+  align-self: flex-end;
+  background: none;
+  border: none;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  transition: var(--transition-fast);
+  opacity: 0.7;
+}
+
+.dismiss-button:hover {
+  background-color: var(--color-bg-secondary);
+  color: var(--color-text);
+  opacity: 1;
+}
+
+/* Queue Status - Improved Design */
+.queue-status-card {
+  max-width: 400px;
+  margin: 1.5rem auto 0;
+  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
+  border: 1px solid var(--color-border);
+  border-radius: 0.75rem;
+  padding: 1.25rem;
+  box-shadow: var(--shadow-sm);
+}
+
+.queue-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+
+.queue-position-display {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.position-badge {
+  width: 32px;
+  height: 32px;
+  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  font-size: 1rem;
+  box-shadow: var(--shadow-sm);
+}
+
+.position-label {
+  font-weight: 600;
+  color: var(--color-text);
+  font-size: 0.9375rem;
+}
+
+.queue-details {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  margin-bottom: 1.25rem;
+}
+
+.queue-stat {
+  text-align: center;
+  padding: 0.75rem;
+  background-color: var(--color-bg);
+  border-radius: 0.5rem;
+  border: 1px solid var(--color-border);
+}
+
+.stat-label {
+  display: block;
+  font-size: 0.75rem;
+  color: var(--color-text-secondary);
+  margin-bottom: 0.25rem;
+  font-weight: 500;
+}
+
+.stat-value {
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: var(--color-primary);
+}
+
+.stat-unit {
+  font-size: 0.75rem;
+  color: var(--color-text-secondary);
+  margin-left: 0.25rem;
+}
+
+.queue-progress-container {
+  position: relative;
+}
+
+.queue-progress-track {
+  background-color: var(--color-bg);
+  border-radius: 8px;
+  height: 6px;
+  overflow: hidden;
+  border: 1px solid var(--color-border);
+  margin-bottom: 0.75rem;
+}
+
+.queue-progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
+  width: 0%;
+  transition: width 0.3s ease;
+  border-radius: 8px;
+}
+
+.task-id-display {
+  text-align: center;
+  padding: 0.5rem;
+  background-color: var(--color-bg);
+  border-radius: 0.375rem;
+  border: 1px solid var(--color-border);
+}
+
+.task-label {
+  font-size: 0.6875rem;
+  color: var(--color-text-secondary);
+  margin-right: 0.5rem;
+  text-transform: uppercase;
+  letter-spacing: 0.025em;
+  font-weight: 500;
+}
+
+.task-id {
+  font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-size: 0.6875rem;
+  color: var(--color-text);
+  background-color: var(--color-bg-secondary);
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.25rem;
+  border: 1px solid var(--color-border);
+}
+
+@keyframes smartPromptSlideIn {
+  from {
+    opacity: 0;
+    transform: translateX(20px);
+    max-height: 0;
+  }
+  to {
+    opacity: 0.85;
+    transform: translateX(0);
+    max-height: 300px;
+  }
+}
+
+
+/* Enhanced contextual analysis cards */
+.contextual-analysis-card {
+  margin-bottom: 2rem;
+  border-left: 4px solid;
+  transition: var(--transition-fast);
+}
+
+.contextual-analysis-card:hover {
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-md);
+}
+
+.contextual-analysis-card.scenario {
+  border-left-color: var(--color-primary);
+}
+
+.contextual-analysis-card.approach {
+  border-left-color: var(--color-accent);
+}
+
+.contextual-analysis-card.critical {
+  border-left-color: var(--color-warning);
+}
+
+.analysis-header {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.analysis-header.scenario { color: var(--color-primary); }
+.analysis-header.approach { color: var(--color-accent); }
+.analysis-header.critical { color: var(--color-warning); }
\ No newline at end of file