total-recall-brain 3.13.2 → 3.14.4

package/frontend/src/pages/IntegrationsPage.tsx

@@ -62,7 +62,7 @@ const PRESETS: Preset[] = [
   }
 ]
 
-export default function IntegrationsPage() {
+export default function IntegrationsPage({ activeBrainId }: { activeBrainId?: string }) {
   const [copied, setCopied] = useState<string | null>(null)
   const [connecting, setConnecting] = useState<string | null>(null)
   const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null)
@@ -82,7 +82,9 @@ export default function IntegrationsPage() {
       .then(res => {
         if (active) setKeys(res.keys || [])
       })
-      .catch(() => {})
+      .catch(e => {
+        if (active) setMessage({ type: 'error', text: `Failed to list API keys: ${(e as Error).message || 'Unknown error'}` })
+      })
 
     fetchActiveIntegrations()
       .then(res => {
@@ -90,16 +92,20 @@ export default function IntegrationsPage() {
           setActiveIdes(res.active)
         }
       })
-      .catch(() => {})
+      .catch(e => {
+        if (active) setMessage({ type: 'error', text: `Failed to fetch active integrations: ${(e as Error).message || 'Unknown error'}` })
+      })
 
     fetchExtensionStatus()
       .then(res => {
         if (active) setExtStatus(res)
       })
-      .catch(() => {})
+      .catch(e => {
+        if (active) setMessage({ type: 'error', text: `Failed to fetch extension status: ${(e as Error).message || 'Unknown error'}` })
+      })
 
     return () => { active = false }
-  }, [])
+  }, [activeBrainId])
 
   const filteredPresets = useMemo(() => {
     if (activeIdes.length === 0) return PRESETS

package/frontend/src/pages/MemoryPage.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useRef } from "react"
+import { useState, useEffect, useCallback } from "react"
 import { useSearchParams } from "react-router-dom"
 import { listMemory, searchMemory, readMemory, fetchConflicts, resolveConflict, saveMemory, createMemory, deleteMemory, fetchSessions, deleteSession } from "../api"
 import type { MemoryNode, Conflict } from "../types"
@@ -41,70 +41,6 @@ function renderMarkdown(md: string) {
   return <div dangerouslySetInnerHTML={{ __html: html }} className="markdown-preview-block" />;
 }
 
-function markdownToHtml(md: string): string {
-  if (!md) return "";
-  let html = md
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;");
-  
-  // Headings
-  html = html.replace(/^### (.*$)/gim, "<h3>$1</h3>");
-  html = html.replace(/^## (.*$)/gim, "<h2>$1</h2>");
-  html = html.replace(/^# (.*$)/gim, "<h1>$1</h1>");
-  
-  // Bold & Italic
-  html = html.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>");
-  html = html.replace(/\*(.*?)\*/g, "<em>$1</em>");
-  
-  // Blockquotes
-  html = html.replace(/^> (.*$)/gim, "<blockquote>$1</blockquote>");
-  
-  // Lists
-  html = html.replace(/^- (.*$)/gim, "<li>$1</li>");
-  
-  // Newlines
-  html = html.replace(/\n/g, "<br />");
-  
-  return html;
-}
-
-function htmlToMarkdown(html: string): string {
-  if (!html) return "";
-  let md = html;
-  
-  // Replace <br> and <br /> with newline
-  md = md.replace(/<br\s*\/?>/gi, "\n");
-  
-  // Headings
-  md = md.replace(/<h1>(.*?)<\/h1>/gi, "# $1\n");
-  md = md.replace(/<h2>(.*?)<\/h2>/gi, "## $1\n");
-  md = md.replace(/<h3>(.*?)<\/h3>/gi, "### $1\n");
-  
-  // Bold & Italic
-  md = md.replace(/<strong>(.*?)<\/strong>/gi, "**$1**");
-  md = md.replace(/<b>(.*?)<\/b>/gi, "**$1**");
-  md = md.replace(/<em>(.*?)<\/em>/gi, "*$1*");
-  md = md.replace(/<i>(.*?)<\/i>/gi, "*$1*");
-  
-  // Blockquotes
-  md = md.replace(/<blockquote>(.*?)<\/blockquote>/gi, "> $1\n");
-  
-  // Lists
-  md = md.replace(/<li>(.*?)<\/li>/gi, "- $1\n");
-  
-  // Clean up any remaining HTML tags safely
-  md = md.replace(/<[^>]+>/g, "");
-  
-  // Decode HTML entities
-  md = md
-    .replace(/&amp;/g, "&")
-    .replace(/&lt;/g, "<")
-    .replace(/&gt;/g, ">");
-    
-  return md.trim();
-}
-
 export default function MemoryPage({ activeBrainId }: { activeBrainId?: string }) {
   const [searchParams, setSearchParams] = useSearchParams()
   const urlSlug = searchParams.get("slug")
@@ -143,23 +79,6 @@ export default function MemoryPage({ activeBrainId }: { activeBrainId?: string }
   const [editContradicts, setEditContradicts] = useState("")
   const [editSupersedes, setEditSupersedes] = useState("")
 
-  const editorRef = useRef<HTMLDivElement>(null)
-
-  const execCommand = (command: string, value: string = "") => {
-    document.execCommand(command, false, value)
-    editorRef.current?.focus()
-    if (editorRef.current) {
-      setEditContent(htmlToMarkdown(editorRef.current.innerHTML))
-    }
-  }
-
-  useEffect(() => {
-    if ((isEditing || isCreating) && editorRef.current) {
-      editorRef.current.innerHTML = markdownToHtml(editContent)
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- only sync editor HTML on toggle edit/create
-  }, [isEditing, isCreating])
-
   const fetchNodes = useCallback(async () => {
     setLoading(true)
     setError("")
@@ -584,42 +503,28 @@ export default function MemoryPage({ activeBrainId }: { activeBrainId?: string }
           </div>
         </div>
 
-        {/* WYSIWYG visual HTML Editor - NO RAW CODE PREVIEW! EDIT Styled preview DIRECTLY */}
+        {/* Markdown Content Editor */}
         <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
-          <label style={{ fontSize: 12, color: "var(--text-secondary)" }}>Visual WYSIWYG Memory Content Editor</label>
-          <div style={{ background: "rgba(10,15,30,0.5)", border: "1px solid var(--border)", borderRadius: 8, overflow: "hidden" }}>
-            {/* Rich Formatting Toolbar */}
-            <div style={{ display: "flex", gap: 8, padding: 8, background: "rgba(255,255,255,0.03)", borderBottom: "1px solid var(--border)", flexWrap: "wrap" }}>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("bold")} style={{ fontWeight: "bold", padding: "4px 10px" }}>B</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("italic")} style={{ fontStyle: "italic", padding: "4px 10px" }}>I</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("formatBlock", "<h1>")} style={{ padding: "4px 8px" }}>H1</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("formatBlock", "<h2>")} style={{ padding: "4px 8px" }}>H2</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("formatBlock", "<blockquote>")} style={{ padding: "4px 8px" }}>“ Quote</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("insertUnorderedList")} style={{ padding: "4px 8px" }}>• List</button>
-              <button type="button" className="btn btn-ghost btn-sm" onClick={() => execCommand("removeFormat")} style={{ padding: "4px 8px", fontSize: 11 }}>Clear</button>
-            </div>
-            
-            {/* Direct contentEditable Editor Pane */}
-            <div
-              ref={editorRef}
-              contentEditable
-              onInput={() => {
-                if (editorRef.current) {
-                  setEditContent(htmlToMarkdown(editorRef.current.innerHTML))
-                }
-              }}
-              style={{ 
-                minHeight: 300, 
-                padding: 16, 
-                color: "#fff", 
-                background: "#090d16", 
-                outline: "none", 
-                fontSize: 14, 
-                lineHeight: 1.6,
-                overflowY: "auto"
-              }}
-            />
-          </div>
+          <label style={{ fontSize: 12, color: "var(--text-secondary)" }}>Memory Content</label>
+          <textarea
+            value={editContent}
+            onChange={(e) => setEditContent(e.target.value)}
+            placeholder="Write markdown here..."
+            style={{ 
+              minHeight: 300, 
+              padding: 16, 
+              color: "#fff", 
+              background: "#090d16",
+              border: "1px solid var(--border)", 
+              borderRadius: 8, 
+              outline: "none", 
+              fontSize: 14, 
+              lineHeight: 1.6,
+              resize: "vertical",
+              width: "100%",
+              boxSizing: "border-box"
+            }}
+          />
         </div>
 
         {/* Action Buttons */}
@@ -934,7 +839,11 @@ export default function MemoryPage({ activeBrainId }: { activeBrainId?: string }
               <div className="memory-list" style={{ display: "grid", gridTemplateColumns: "1fr", gap: 12 }}>
                 {nodes.length === 0 && !loading && (
                   <div style={{ textAlign: "center", padding: 40, color: "var(--text-tertiary)" }}>
-                    {query ? "No matching nodes found." : "No memory nodes loaded. Is the backend running?"}
+                    {query 
+                      ? "No matching nodes found." 
+                      : category !== "all" 
+                        ? `No memory nodes found in category "${category}".`
+                        : "No memory nodes loaded. Is the backend running?"}
                   </div>
                 )}
                 {nodes.map(n => {

package/frontend/src/pages/ModelsPage.tsx

@@ -126,7 +126,8 @@ export default function ModelsPage() {
     { id: 'antigravity', name: 'Antigravity (Gemini SDK)', desc: 'Primary core developer agent' },
     { id: 'gemini', name: 'Gemini CLI', desc: 'Direct Gemini assistant binary' },
     { id: 'claude', name: 'Claude Code', desc: 'Anthropic developer CLI wrapper' },
-    { id: 'codex', name: 'Codex CLI', desc: 'OpenAI agent binary integration' }
+    { id: 'codex', name: 'Codex CLI', desc: 'OpenAI agent binary integration' },
+    { id: 'grok', name: 'Grok CLI', desc: 'xAI developer binary integration' }
   ];
 
 
@@ -177,55 +178,6 @@ export default function ModelsPage() {
           
           <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(360px, 1fr))', gap: 24 }}>
             
-            {/* Ollama Panel */}
-            <div className="card" style={{ padding: 24, background: 'rgba(18, 18, 26, 0.6)', backdropFilter: 'blur(8px)', border: '1px solid var(--border)', display: 'flex', flexDirection: 'column', gap: 16 }}>
-              <div style={{ display: 'flex', alignItems: 'center', gap: 10, borderBottom: '1px solid var(--border)', paddingBottom: 12 }}>
-                <span style={{ fontSize: 20 }}>🦙</span>
-                <div>
-                  <h3 style={{ fontSize: 14, fontWeight: 600 }}>Local Provider</h3>
-                  <p style={{ fontSize: 11, color: 'var(--text-tertiary)' }}>Connect Ollama, LM Studio, vLLM, or Llama.cpp</p>
-                </div>
-              </div>
-
-              <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
-                <label htmlFor="local_endpoint" style={{ fontSize: 13, fontWeight: 500 }}>Provider Base URL</label>
-                <input
-                  id="local_endpoint"
-                  type="text"
-                  placeholder="http://127.0.0.1:11434 or http://127.0.0.1:1234/v1"
-                  value={configData?.brain?.local_endpoint || ''}
-                  onChange={(e) => updateBrainProp('local_endpoint', e.target.value)}
-                  style={{
-                    background: 'var(--bg-tertiary)',
-                    color: 'var(--text-primary)',
-                    border: '1px solid var(--border)',
-                    padding: '8px 12px',
-                    borderRadius: 6,
-                    outline: 'none',
-                    fontSize: 13
-                  }}
-                />
-                <span style={{ fontSize: 10, color: 'var(--text-tertiary)' }}>Leave blank to use the default localhost endpoint.</span>
-              </div>
-              
-              <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginTop: 8 }}>
-                 <span className="badge" style={{
-                    background: health?.ollama === 'running' ? 'rgba(16, 185, 129, 0.1)' : 'rgba(239, 68, 68, 0.1)',
-                    color: health?.ollama === 'running' ? '#10b981' : '#ef4444',
-                    border: health?.ollama === 'running' ? '1px solid rgba(16, 185, 129, 0.2)' : '1px solid rgba(239, 68, 68, 0.2)',
-                    fontSize: 10,
-                    padding: '4px 8px'
-                  }}>
-                    {health?.ollama === 'running' ? 'Connected' : 'Offline'}
-                  </span>
-                  {health?.ollama === 'running' && health?.ollama_models && (
-                    <span style={{ fontSize: 11, color: 'var(--text-secondary)' }}>
-                      {health.ollama_models.length} local models available
-                    </span>
-                  )}
-              </div>
-            </div>
-
             {/* Cloud API Keys Panel */}
             <div className="card" style={{ padding: 24, background: 'rgba(18, 18, 26, 0.6)', backdropFilter: 'blur(8px)', border: '1px solid var(--border)', display: 'flex', flexDirection: 'column', gap: 16 }}>
               <div style={{ display: 'flex', alignItems: 'center', gap: 10, borderBottom: '1px solid var(--border)', paddingBottom: 12 }}>

package/frontend/src/pages/OnboardingPage.tsx

@@ -67,14 +67,7 @@ function saveProgress(p: { step: number; fact?: string; complete?: boolean }) {
   if (p.complete) localStorage.setItem('tr-onboarding-complete', '1')
 }
 
-export function isOnboardingComplete(): boolean {
-  return localStorage.getItem('tr-onboarding-complete') === '1'
-}
-
-export function resetOnboarding() {
-  localStorage.removeItem(STORAGE_KEY)
-  localStorage.removeItem('tr-onboarding-complete')
-}
+import { isOnboardingComplete } from '../utils/onboarding'
 
 /** Client-side .env parse so we can re-send pairs on import without server holding paste. */
 function parseEnvClient(text: string): Record<string, string> {
@@ -140,8 +133,10 @@ export default function OnboardingPage() {
   useEffect(() => {
     if (step.id !== 'import-env' || importMode !== 'scan') return
     let cancelled = false
-    setScanLoading(true)
-    setScanError('')
+    Promise.resolve().then(() => {
+      setScanLoading(true)
+      setScanError('')
+    })
     scanEnvSecrets()
       .then((data) => {
         if (cancelled) return

package/frontend/src/pages/OpenWikiPage.tsx

@@ -94,6 +94,7 @@ export default function OpenWikiPage({ activeBrainId = 'global' }: { activeBrain
   };
 
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     void fetchNodes(activeBrainId || 'global');
     void fetchHealthData();
     const interval = setInterval(fetchHealthData, 15000);