sync perfect

Author: thefirehacker

Playground.html

@@ -727,7 +727,7 @@ <h3>🎮 AI Persona</h3>
       <div class="control-group">
         <label>Document Store (RAG)</label>
         <button id="uploadDocuments" class="btn" disabled>📄 Upload Documents</button>
-        <button id="manageDocuments" class="btn">📚 Manage Store</button>
+        <button id="manageDocuments" class="btn">📚 Display Knowledge</button>
         <div id="vectorStatus" class="status-indicator info">Vector Store Ready</div>
       </div>
 

lib/Pages/DeepResearch/deepresearch.js

@@ -2279,23 +2279,23 @@ ${this.researchResults.notes}
    */
   async viewDocument(documentId) {
     try {
-      const document = await this.vectorStore.getDocument(documentId);
-      if (!document) {
+      const docData = await this.vectorStore.getDocument(documentId);
+      if (!docData) {
         alert('Document not found');
         return;
       }
 
       // 🆕 Check if this is a generated research document
-      const isGeneratedResearch = document.metadata?.type === 'generated_research';
+      const isGeneratedResearch = docData.metadata?.type === 'generated_research';
 
       // Create modal for document viewing
       const modal = document.createElement('div');
       modal.className = 'document-modal';
       modal.style.zIndex = '6000';
 
       const title = isGeneratedResearch ? 
-        `🔬 Generated Research: ${document.name}` : 
-        `📄 Document: ${document.name}`;
+        `🔬 Generated Research: ${docData.name}` : 
+        `📄 Document: ${docData.name}`;
 
       const metadata = isGeneratedResearch ? `
         <div style="
@@ -2307,12 +2307,12 @@ ${this.researchResults.notes}
         ">
           <h3>🔬 Research Metadata</h3>
           <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 10px;">
-            <div><strong>Research Type:</strong> ${document.metadata.researchType}</div>
-            <div><strong>Depth:</strong> ${document.metadata.researchDepth}</div>
-            <div><strong>Topics:</strong> ${document.metadata.topicsCount}</div>
-            <div><strong>AI Provider:</strong> ${document.metadata.aiProvider}</div>
-            <div><strong>Generated:</strong> ${new Date(document.metadata.generatedAt).toLocaleDateString()}</div>
-            <div><strong>Document Integration:</strong> ${document.metadata.hasDocumentIntegration ? 'Yes' : 'No'}</div>
+            <div><strong>Research Type:</strong> ${docData.metadata.researchType}</div>
+            <div><strong>Depth:</strong> ${docData.metadata.researchDepth}</div>
+            <div><strong>Topics:</strong> ${docData.metadata.topicsCount}</div>
+            <div><strong>AI Provider:</strong> ${docData.metadata.aiProvider}</div>
+            <div><strong>Generated:</strong> ${new Date(docData.metadata.generatedAt).toLocaleDateString()}</div>
+            <div><strong>Document Integration:</strong> ${docData.metadata.hasDocumentIntegration ? 'Yes' : 'No'}</div>
           </div>
         </div>
       ` : `
@@ -2323,10 +2323,10 @@ ${this.researchResults.notes}
           margin-bottom: 20px;
         ">
           <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px;">
-            <div><strong>Type:</strong> ${document.type}</div>
-            <div><strong>Size:</strong> ${this.formatFileSize(document.size)}</div>
-            <div><strong>Uploaded:</strong> ${new Date(document.createdAt).toLocaleDateString()}</div>
-            <div><strong>MIME Type:</strong> ${document.mimeType || 'Unknown'}</div>
+            <div><strong>Type:</strong> ${docData.type}</div>
+            <div><strong>Size:</strong> ${this.formatFileSize(docData.size)}</div>
+            <div><strong>Uploaded:</strong> ${new Date(docData.createdAt).toLocaleDateString()}</div>
+            <div><strong>MIME Type:</strong> ${docData.mimeType || 'Unknown'}</div>
           </div>
         </div>
       `;
@@ -2352,7 +2352,7 @@ ${this.researchResults.notes}
             line-height: 1.6;
             color: rgba(255, 255, 255, 0.9);
           ">
-            ${document.content}
+            ${docData.content}
           </div>
           
           <div style="display: flex; gap: 10px; margin-top: 20px;">
@@ -2383,17 +2383,17 @@ ${this.researchResults.notes}
    */
   async downloadResearchDocument(documentId) {
     try {
-      const document = await this.vectorStore.getDocument(documentId);
-      if (!document) {
+      const docData = await this.vectorStore.getDocument(documentId);
+      if (!docData) {
         alert('Document not found');
         return;
       }
 
-      const blob = new Blob([document.content], { type: 'text/markdown' });
+      const blob = new Blob([docData.content], { type: 'text/markdown' });
       const url = URL.createObjectURL(blob);
       const a = document.createElement('a');
       a.href = url;
-      a.download = document.name;
+      a.download = docData.name;
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);
@@ -2410,17 +2410,17 @@ ${this.researchResults.notes}
    */
   async downloadDocument(documentId) {
     try {
-      const document = await this.vectorStore.getDocument(documentId);
-      if (!document) {
+      const docData = await this.vectorStore.getDocument(documentId);
+      if (!docData) {
         alert('Document not found');
         return;
       }
 
-      const blob = new Blob([document.content], { type: document.mimeType || 'text/plain' });
+      const blob = new Blob([docData.content], { type: docData.mimeType || 'text/plain' });
       const url = URL.createObjectURL(blob);
       const a = document.createElement('a');
       a.href = url;
-      a.download = document.name;
+      a.download = docData.name;
       document.body.appendChild(a);
       a.click();
       document.body.removeChild(a);