docs: release v0.8.7 - RAG improvements and enhanced image support

Author: Tim Sinaeve

App.tsx

@@ -503,36 +503,10 @@ export const MainApp: React.FC = () => {
         });
     }, [items, bodySearchMatches, searchTerm]);
 
-    const handleApplyToEditor = useCallback((content: string) => {
-        if (!tabState.activeId) return;
-        setPendingInsertText(content);
-        setDocumentCommandTriggers(prev => ({
-            ...prev,
-            insertText: prev.insertText + 1
-        }));
-        addLog('INFO', 'Applying content from chat to editor.');
-    }, [tabState.activeId, addLog]);
-
-    const handleCreateDocumentFromChat = useCallback(async (content: string) => {
-        try {
-            // Generate a simple title from the first line or first 20 chars
-            const firstLine = content.split('\n')[0].substring(0, 30).replace(/[#*`]/g, '').trim();
-            const title = firstLine || 'New Document from Chat';
-            
-            const newNode = await addDocument(null, title);
-            if (newNode) {
-                await commitVersion(newNode.id, content);
-                handleNavigateToNode(newNode.id);
-                addLog('INFO', `Created new document "${title}" from chat.`);
-            }
-        } catch (error) {
-            addLog('ERROR', 'Failed to create document from chat.');
-        }
-    }, [addDocument, commitVersion, handleNavigateToNode, addLog]);
 
     const activeNode = useMemo(() => {
-        return itemsWithSearchMetadata.find(p => p.id === tabState.activeId) || null;
-    }, [itemsWithSearchMetadata, tabState.activeId]);
+        return items.find(p => p.id === tabState.activeId) || null;
+    }, [items, tabState.activeId]);
 
     useEffect(() => {
         setFolderSearchTerm('');
@@ -1828,6 +1802,42 @@ export const MainApp: React.FC = () => {
         setLastClickedId(nodeId);
     }, [items, ensureNodeVisible, activateDocumentTab, setActiveItem]);
 
+    const handleApplyToEditor = useCallback((content: string) => {
+        if (!tabState.activeId) return;
+        setPendingInsertText(content);
+        setDocumentCommandTriggers(prev => ({
+            ...prev,
+            insertText: prev.insertText + 1
+        }));
+        addLog('INFO', 'Applying content from chat to editor.');
+    }, [tabState.activeId, addLog, setPendingInsertText, setDocumentCommandTriggers]);
+
+    const handleCreateDocumentFromChat = useCallback(async (content: string) => {
+        try {
+            // Generate a simple title from the first line or first 20 chars
+            const firstLine = content.split('\n')[0].substring(0, 30).replace(/[#*`]/g, '').trim();
+            const title = firstLine || 'New Document from Chat';
+            
+            const newNode = await addDocument({ parentId: null, title });
+            if (newNode) {
+                await commitVersion(newNode.id, content);
+                
+                // Navigate to the new document directly since it might not be in 'items' yet
+                ensureNodeVisible(newNode);
+                activateDocumentTab(newNode.id);
+                setSelectedIds(new Set([newNode.id]));
+                setLastClickedId(newNode.id);
+                setActiveTemplateId(null);
+                setDocumentView('editor');
+                setView('editor');
+                
+                addLog('INFO', `Created new document "${title}" from chat.`);
+            }
+        } catch (error) {
+            addLog('ERROR', 'Failed to create document from chat.');
+        }
+    }, [addDocument, commitVersion, ensureNodeVisible, activateDocumentTab, addLog]);
+
     const handleNewDocument = useCallback(async (parentId?: string | null) => {
         addLog('INFO', 'User action: Create New Document.');
         const effectiveParentId = parentId !== undefined ? parentId : getParentIdForNewItem();
@@ -1847,14 +1857,29 @@ export const MainApp: React.FC = () => {
         const effectiveParentId = parentId !== undefined ? parentId : getParentIdForNewItem();
         try {
             const { text, warnings: clipboardWarnings, mimeType } = await readClipboardText();
-            if (!text || text.trim().length === 0) {
-                const message = 'Clipboard is empty or does not contain text content to import.';
-                addLog('WARNING', message);
-                setClipboardNotice({ title: 'Clipboard Empty', message });
-                return;
+            
+            let contentToImport = text;
+            let importTitle: string | undefined = undefined;
+
+            if (!contentToImport || contentToImport.trim().length === 0) {
+                // Try reading image if text is empty
+                const imgResult = await window.electronAPI!.readClipboardImage();
+                if (imgResult.success && imgResult.dataUrl) {
+                    contentToImport = imgResult.dataUrl;
+                    importTitle = `Pasted Image ${new Date().toLocaleTimeString()}`;
+                } else {
+                    const message = 'Clipboard is empty or does not contain text or image content to import.';
+                    addLog('WARNING', message);
+                    setClipboardNotice({ title: 'Clipboard Empty', message });
+                    return;
+                }
             }
 
-            const result = await createDocumentFromClipboard({ parentId: effectiveParentId, content: text });
+            const result = await createDocumentFromClipboard({ 
+                parentId: effectiveParentId, 
+                content: contentToImport,
+                title: importTitle
+            });
             const { summary } = result;
             const newDoc = result.item;
 
@@ -2162,7 +2187,11 @@ export const MainApp: React.FC = () => {
 
             if (normalizedLanguage === 'html') {
                 nextDocType = 'rich_text';
-            } else if (activeNode.doc_type === 'rich_text') {
+            } else if (normalizedLanguage === 'image' || normalizedLanguage.startsWith('image/')) {
+                nextDocType = 'image';
+            } else if (normalizedLanguage === 'pdf' || normalizedLanguage === 'application/pdf') {
+                nextDocType = 'pdf';
+            } else if (activeNode.doc_type === 'rich_text' || activeNode.doc_type === 'image' || activeNode.doc_type === 'pdf') {
                 nextDocType = 'prompt';
             }
 

FUNCTIONAL_MANUAL.md

@@ -136,8 +136,25 @@ The document editor is powered by Monaco, the same editor core used in VS Code,
 Import PDFs by dragging `.pdf` files from your operating system into the sidebar, using the "Import" options in context menus, or converting clipboard data through **New from Clipboard** when it contains PDF bytes or data URLs. Opening a PDF switches the editor to **Preview Only** mode automatically so you can focus on the embedded viewer. The preview displays the document in an inline reader with Chromium's native toolbar (page navigation, zoom, and print controls) and honors keyboard shortcuts exposed by the viewer. DocForge synchronizes the viewer with the global preview zoom so the zoom buttons, scroll wheel shortcuts, and reset commands behave consistently across file types. Because PDFs are stored as binary data, editing is disabled by default; switching to the editor view will show the raw payload, and changing it can corrupt the file.
 
 #### Image Documents
-
-PNG, JPEG, GIF, BMP, WEBP, and SVG assets are detected when you import them from disk, drop them into the sidebar, or pipe image data through **New from Clipboard**. Image documents also open directly in **Preview Only** mode. The preview uses DocForge's zoom and pan surface so you can scroll, drag to reposition, double-click to zoom, or press the on-screen controls to reset the view. Image metadata—such as pixel dimensions and MIME type—appears in the status bar while the preview is active, and the renderer clamps the image inside the workspace with padding so large assets remain manageable. Editing the underlying binary/text data is optional but discouraged unless you are intentionally replacing the encoded image contents.
+ 
+ PNG, JPEG, GIF, BMP, WEBP, and SVG assets are detected when you import them from disk, drop them into the sidebar, or pipe image data through **New from Clipboard**. Image documents also open directly in **Preview Only** mode. The preview uses DocForge's zoom and pan surface so you can scroll, drag to reposition, double-click to zoom, or press the on-screen controls to reset the view. Image metadata—such as pixel dimensions and MIME type—appears in the status bar while the preview is active.
+ 
+ **Interacting with Images**:
+ - **Pasting**: When an image document is open and unlocked, you can paste an image directly from your clipboard (**Ctrl+V**) to replace its content.
+ - **Drag-and-Drop**: Drop any image file from your computer onto the open image editor to update the document.
+ - **Manual Creation**: Create a new document, change its language to **Image**, and then paste or drop your content.
+ 
+ Editing the underlying binary/text data is optional but discouraged unless you are intentionally replacing the encoded image contents.
+
+#### RAG (Chat with Workspace)
+
+The "Chat with Workspace" feature allows you to query your entire collection of documents using a local AI model.
+
+- **Indexing**: Before you can chat, DocForge needs to index your workspace. This process creates a semantic representation of your documents, allowing the AI to find relevant context even if the exact keywords don't match.
+- **Configurable Retrieval**: In Settings, you can adjust the **RAG Similarity Threshold**. A lower value (e.g., 0.8) makes the search more restrictive, returning only highly relevant matches, while a higher value (e.g., 1.5) returns more context.
+- **Context Limit**: You can configure the chat to analyze up to **500 documents** at once for deep workspace insights.
+- **Source Attribution**: When the AI answers a question, it lists the specific documents it used as context. These sources are streamed immediately as soon as the search completes.
+- **Smart Privacy**: If the AI determines that none of the retrieved documents contain the answer to your question, the source list is automatically hidden to keep the chat interface clean.
 
 #### Python Execution Panel
 

README.md

@@ -35,6 +35,9 @@ DocForge is a desktop application designed to streamline the process of creating
 - **Comprehensive Action Logging**: Every user action is logged, and the logger panel now supports range selections, modifier-aware drag selection, and configurable copy-to-clipboard exports with or without timestamps and levels.
 - **Offline First:** All your data is stored locally on your machine.
 - **Auto-Update:** Control automatic startup checks, opt into pre-release builds, and trigger manual "Check for Updates" scans that report success or errors inline.
+- **RAG-Powered "Chat with Workspace":** Semantic search across your entire workspace. Adjust the similarity threshold to tune the relevance of retrieved context and analyze up to 500 documents at once.
+- **Smart Source Attribution:** Chat responses include streamed sources that automatically hide if no relevant information is found, keeping your context clean and focused.
+- **Enhanced Image Clipboard & Drag-Drop:** Create image documents directly from the clipboard, or update existing image nodes by simply pasting (**Ctrl+V**) or dropping an image file onto the editor.
 - **Resizable Layout:** The sidebar, templates panel, and logger panel are all fully resizable to customize your workspace.
 
 ## Getting Started

VERSION_LOG.md

@@ -1,4 +1,19 @@
-# Version Log
+## v0.8.7 - The RAG & Clipboard Image Update
+
+### ✨ Features
+
+-   **RAG-Powered "Chat with Workspace"**:
+    -   Finalized the workspace analysis tool with configurable **Similarity Threshold** and increased context limits (up to **500 documents**).
+    -   Intelligent source attribution: Sources are now streamed immediately and automatically hidden if the AI determines no relevant information was found.
+-   **Enhanced Image Clipboard Support**:
+    -   **New from Clipboard**: Now detects images on the system clipboard and automatically creates a new image document.
+    -   **Direct Paste/Drop**: Drag-and-drop or paste images directly into existing image nodes to update their content.
+-   **Navigation Polish**: Refined the "Create New Document" action in chat to navigate directly to the new file, ensuring a seamless transition from AI response to workspace document.
+
+### 🐛 Fixes
+
+-   **RAG Reliability**: Optimized the retrieval logic to trigger search and streaming in parallel, reducing latency.
+-   **Copyright Maintenance**: Updated all internal About boxes and legal notices to **2026**.
 
 ## v0.8.6 - The Usability & Drag-Drop Fixes
 

components/AboutModal.tsx

@@ -30,7 +30,7 @@ const AboutModal: React.FC<AboutModalProps> = ({ onClose }) => {
           </div>
           <div className="space-y-1">
             <p className="text-lg font-semibold">DocForge</p>
-            <p className="text-sm text-text-secondary">© 2025 Tim Sinaeve. All rights reserved.</p>
+            <p className="text-sm text-text-secondary">© 2026 Tim Sinaeve. All rights reserved.</p>
           </div>
         </div>
         <div className="flex flex-col items-center space-y-2">

components/ChatPanel.tsx

@@ -98,9 +98,11 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
         addLog('INFO', `RAG: Current index status: ${statusResult.indexedDocuments}/${statusResult.totalDocuments} documents indexed.`);
       } else {
         // Find if there was an error in the status call
-        const rawResult = await window.electronAPI!.ragGetIndexStatus();
-        if (!rawResult.success && rawResult.error) {
-           addLog('ERROR', `RAG: Status check failed - ${rawResult.error}`);
+        if (window.electronAPI) {
+          const rawResult = await window.electronAPI.ragGetIndexStatus();
+          if (!rawResult.success && rawResult.error) {
+             addLog('ERROR', `RAG: Status check failed - ${rawResult.error}`);
+          }
         }
       }
     }
@@ -158,9 +160,27 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
               )
             );
           },
+          onSources: (retrievedSources) => {
+            sources = retrievedSources;
+            setMessages(prev =>
+              prev.map(msg =>
+                msg.id === assistantMessageId
+                  ? { ...msg, sources: retrievedSources }
+                  : msg
+              )
+            );
+          },
           onDone: (fullText) => {
             // If the AI says it couldn't find information, don't show sources
-            const noInfoFound = fullText.toLowerCase().includes("couldn't find information");
+            const noInfoPhrases = [
+              "couldn't find information",
+              "i don't have information",
+              "no information found",
+              "could not find",
+              "don't have any information"
+            ];
+            const lowerText = fullText.toLowerCase();
+            const noInfoFound = noInfoPhrases.some(phrase => lowerText.includes(phrase));
             const finalSources = noInfoFound ? [] : sources;
 
             setMessages(prev =>
@@ -383,6 +403,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
                       ))}
                     </div>
                   </div>
+                )}
                 {/* Actions */}
                 {msg.role === 'assistant' && !msg.isStreaming && (
                   <div className="mt-3 flex gap-2">

components/CodeEditor.tsx

@@ -378,7 +378,13 @@ const CodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(({
             return new Promise(resolve => {
                 if (monacoInstanceRef.current) {
                     const editor = monacoInstanceRef.current;
+                    resolve({
+                        scrollTop: editor.getScrollTop(),
+                        scrollHeight: editor.getScrollHeight(),
+                        clientHeight: editor.getLayoutInfo().height,
                     });
+                } else {
+                    resolve({ scrollTop: 0, scrollHeight: 0, clientHeight: 0 });
                 }
             });
         },

components/PromptEditor.tsx

@@ -163,9 +163,9 @@ const DocumentEditor: React.FC<DocumentEditorProps> = ({
   previewZoomStep,
   previewInitialScale,
   previewResetSignal,
-  onPreviewMetadataChange,
+  onPreviewVisibilityChange,
   onPreviewZoomAvailabilityChange,
-  onPreviewMetadataChange: onPreviewMetadataChangeProp,
+  onPreviewMetadataChange,
   onZoomTargetChange,
   onSelectionChange,
   pendingInsertText,
@@ -615,6 +615,59 @@ const DocumentEditor: React.FC<DocumentEditorProps> = ({
     }
   }, [isLocked, addLog, title, settings]);
 
+  // Support pasting/dropping images into image nodes
+  useEffect(() => {
+    const handlePaste = async (e: ClipboardEvent) => {
+      if (documentNode.doc_type !== 'image' || isLocked) return;
+      if (['INPUT', 'TEXTAREA'].includes((e.target as HTMLElement).tagName)) return;
+
+      const items = e.clipboardData?.items;
+      if (!items) return;
+
+      for (const item of Array.from(items)) {
+        if (item.type.startsWith('image/')) {
+          e.preventDefault();
+          const file = item.getAsFile();
+          if (file) {
+            const reader = new FileReader();
+            reader.onload = (event) => {
+              const dataUrl = event.target?.result as string;
+              if (dataUrl) {
+                onCommitVersion(documentNode.id, dataUrl);
+                addLog('INFO', `Image pasted into document "${title}".`);
+              }
+            };
+            reader.readAsDataURL(file);
+            break;
+          }
+        }
+      }
+    };
+
+    window.addEventListener('paste', handlePaste);
+    return () => window.removeEventListener('paste', handlePaste);
+  }, [documentNode.id, documentNode.doc_type, isLocked, onCommitVersion, addLog, title]);
+
+  const handleDrop = useCallback(async (e: React.DragEvent) => {
+    if (documentNode.doc_type !== 'image' || isLocked) return;
+    
+    const files = Array.from(e.dataTransfer.files);
+    const imageFile = files.find(f => f.type.startsWith('image/'));
+    
+    if (imageFile) {
+      e.preventDefault();
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        const dataUrl = event.target?.result as string;
+        if (dataUrl) {
+          onCommitVersion(documentNode.id, dataUrl);
+          addLog('INFO', `Image dropped into document "${title}".`);
+        }
+      };
+      reader.readAsDataURL(imageFile);
+    }
+  }, [documentNode.id, documentNode.doc_type, isLocked, onCommitVersion, addLog, title]);
+
   const updateTitleSelection = useCallback(() => {
     const input = titleInputRef.current;
     if (!input) {
@@ -1139,7 +1192,17 @@ const DocumentEditor: React.FC<DocumentEditorProps> = ({
           <IconButton onClick={handleDeleteDocument} tooltip="Delete Document" size="xs" variant="destructive"><TrashIcon className="w-4 h-4" /></IconButton>
         </div>
       </div>
-      <div className="flex-1 flex flex-col bg-secondary overflow-hidden">{renderContent()}</div>
+      <div 
+        className="flex-1 flex flex-col bg-secondary overflow-hidden"
+        onDrop={handleDrop}
+        onDragOver={(e) => {
+          if (documentNode.doc_type === 'image' && !isLocked) {
+            e.preventDefault();
+          }
+        }}
+      >
+        {renderContent()}
+      </div>
       {isPythonDocument && (
         <div
           className="flex-shrink-0 flex flex-col bg-secondary"