Fix content truncation: Show full content instead of snippet

- Changed snippet preview to show full content with search highlighting
- Added expandable preview with gradient fade for long content
- Removed duplicate 'Full Content' section in expanded view
- Users now see complete content immediately, not truncated snippets
- Maintains clean UI with max-height and scroll for very long content

client/src/components/knowledge-base/result-card.tsx

@@ -305,14 +305,26 @@ export default function ResultCard({
           </Button>
         </div>
 
-        {/* Snippet Preview with Highlighted Hits */}
+        {/* Content Preview with Highlighted Hits */}
         <div className="bg-slate-50 dark:bg-slate-900 rounded-lg p-4 mb-4">
-          <div 
-            className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed"
-            dangerouslySetInnerHTML={{ 
-              __html: highlightSearchHits(document.snippet, (document as any).searchQuery || '') 
-            }}
-          />
+          <div className={`relative text-sm text-slate-700 dark:text-slate-300 leading-relaxed ${isExpanded ? 'max-h-96 overflow-y-auto' : 'max-h-32 overflow-hidden'}`}>
+            <div 
+              dangerouslySetInnerHTML={{ 
+                __html: highlightSearchHits(document.content, (document as any).searchQuery || '') 
+              }}
+            />
+            {!isExpanded && document.content.length > 300 && (
+              <div className="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-slate-50 dark:from-slate-900 to-transparent pointer-events-none" />
+            )}
+          </div>
+          {!isExpanded && document.content.length > 300 && (
+            <button 
+              onClick={onToggleExpanded}
+              className="mt-2 text-xs text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 font-medium"
+            >
+              Show full content...
+            </button>
+          )}
         </div>
 
         {/* AI Explanation */}
@@ -367,17 +379,6 @@ export default function ResultCard({
                       </span>
                     )}
                   </div>
-                )) || (
-                  <div className="bg-slate-50 dark:bg-slate-900 rounded-lg p-3">
-                    <p className="text-sm text-slate-700 dark:text-slate-300 mb-2">
-                      <strong>Full Content:</strong>
-                    </p>
-                    <div className="max-h-96 overflow-y-auto bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-600 rounded-md p-3 mt-2">
-                      <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed whitespace-pre-wrap">
-                        {document.content}
-                      </p>
-                    </div>
-                  </div>
                 )}
               </div>
             </div>