From 2f6518207d976da4bb13687dd0e9a4b176c582b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CBeeRad=E2=80=9D?= <bradwmorriswork@gmail.com>
Date: Sun, 15 Feb 2026 17:57:32 +1100
Subject: [PATCH] sync: multiple features from private repo

- quick-add-loading: fire-and-forget with loading placeholders, auto-open feed, SSE events, QuickAddInput redesign
- database-table-pane: TablePane + DatabaseTableView, countNodes(), event_date sort
- ui-polish-fixes: focus tab order, dim name editing, tab title sync, cost chip removal, custom sort drag-reorder, refresh button, dimension filter removal (~2,200 lines)
- node-creation-quality: description service prompt rewrite, title sanitization, extraction tool AI prompt rewrites
- feed-pane-ux: stripped kanban/grid/saved views, sort dropdown, AND dimension filtering, description preview

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 README.md                                   |    2 +-
 app/api/nodes/route.ts                      |   69 +-
 src/components/agents/QuickAddInput.tsx     |  467 ++--
 src/components/focus/FocusPanel.tsx         |   36 +-
 src/components/layout/LeftToolbar.tsx       |   14 +-
 src/components/layout/ThreePanelLayout.tsx  |  150 +-
 src/components/nodes/FolderViewOverlay.tsx  | 2230 +------------------
 src/components/panes/TablePane.tsx          |   39 +
 src/components/panes/ViewsPane.tsx          |    9 +-
 src/components/panes/index.ts               |    1 +
 src/components/panes/types.ts               |    9 +-
 src/components/settings/LogsRow.tsx         |    5 -
 src/components/views/DatabaseTableView.tsx  |  629 ++++++
 src/components/views/ViewsOverlay.tsx       |  242 +-
 src/config/guides/system/creating-nodes.md  |   18 +-
 src/services/agents/quickAdd.ts             |   75 +-
 src/services/database/descriptionService.ts |   28 +-
 src/services/database/nodes.ts              |   42 +
 src/services/events.ts                      |    2 +
 src/tools/database/createNode.ts            |    4 +-
 src/tools/database/updateNode.ts            |    6 +-
 src/tools/other/paperExtract.ts             |   46 +-
 src/tools/other/websiteExtract.ts           |   45 +-
 src/tools/other/youtubeExtract.ts           |   67 +-
 src/types/database.ts                       |    2 +-
 25 files changed, 1590 insertions(+), 2647 deletions(-)
 create mode 100644 src/components/panes/TablePane.tsx
 create mode 100644 src/components/views/DatabaseTableView.tsx

diff --git a/README.md b/README.md
index 3bedccf..b2cd69d 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
  ╚═╝  ╚═╝╚═╝  ╚═╝      ╚═╝  ╚═╝
 ```
 
-A local SQLite database with a UI for storing knowledge, and an MCP server so your AI tools can read/write to it.
+**TL;DR:** Clone this repository and you'll have a local SQLite database on your computer. The database schema is structured so external AI agents can continuously read and write to it, building your knowledge graph externally.
 
 **Full documentation:** [ra-h.app/docs/open-source](https://ra-h.app/docs/open-source)
 
diff --git a/app/api/nodes/route.ts b/app/api/nodes/route.ts
index 7baf8c5..06d00cc 100644
--- a/app/api/nodes/route.ts
+++ b/app/api/nodes/route.ts
@@ -33,7 +33,7 @@ export async function GET(request: NextRequest) {
 
     // Handle sortBy parameter (sortBy=edges|updated|created)
     const sortByParam = searchParams.get('sortBy');
-    if (sortByParam === 'edges' || sortByParam === 'updated' || sortByParam === 'created') {
+    if (sortByParam === 'edges' || sortByParam === 'updated' || sortByParam === 'created' || sortByParam === 'event_date') {
       filters.sortBy = sortByParam;
     }
 
@@ -46,11 +46,13 @@ export async function GET(request: NextRequest) {
     }
 
     const nodes = await nodeService.getNodes(filters);
-    
+    const total = await nodeService.countNodes(filters);
+
     return NextResponse.json({
       success: true,
       data: nodes,
-      count: nodes.length
+      count: nodes.length,
+      total
     });
   } catch (error) {
     console.error('Error fetching nodes:', error);
@@ -62,10 +64,24 @@ export async function GET(request: NextRequest) {
   }
 }
 
+// Weak-pattern regex for post-creation quality monitoring
+const WEAK_PATTERNS = /\b(discusses|explores|examines|talks about|is about|delves into|This is a)\b/i;
+
+function sanitizeTitle(title: string): string {
+  let clean = title.trim();
+  // Strip "Title: " prefix (extraction artifact)
+  if (clean.startsWith('Title: ')) clean = clean.slice(7);
+  // Strip trailing " / X" (Twitter artifact)
+  if (clean.endsWith(' / X')) clean = clean.slice(0, -4);
+  // Collapse whitespace
+  clean = clean.replace(/\s+/g, ' ');
+  return clean.slice(0, 160);
+}
+
 export async function POST(request: NextRequest) {
   try {
     const body = await request.json();
-    
+
     // Validate required fields
     if (!body.title) {
       return NextResponse.json({
@@ -74,7 +90,11 @@ export async function POST(request: NextRequest) {
       }, { status: 400 });
     }
 
+    // Sanitize title (strip extraction artifacts)
+    body.title = sanitizeTitle(body.title);
+
     const rawNotes = typeof body.notes === 'string' ? body.notes : null;
+    const eventDate = typeof body.event_date === 'string' ? body.event_date : null;
 
     // Process provided dimensions first (needed for description generation)
     const providedDimensions = Array.isArray(body.dimensions) ? body.dimensions : [];
@@ -83,19 +103,33 @@ export async function POST(request: NextRequest) {
       .filter(Boolean)
       .slice(0, 8);
 
-    // Generate description with all available context
-    let nodeDescription: string | undefined;
-    try {
-      nodeDescription = await generateDescription({
-        title: body.title,
-        notes: rawNotes || undefined,
-        link: body.link || undefined,
-        metadata: body.metadata,
-        dimensions: trimmedProvidedDimensions
-      });
-    } catch (error) {
-      console.error('Error generating description:', error);
-      // Continue without description - dimension assignment will use content as fallback
+    // Use provided description if present, otherwise auto-generate
+    let nodeDescription: string | undefined = typeof body.description === 'string' && body.description.trim()
+      ? body.description.trim().slice(0, 280)
+      : undefined;
+
+    if (!nodeDescription) {
+      try {
+        nodeDescription = await generateDescription({
+          title: body.title,
+          notes: rawNotes || undefined,
+          link: body.link || undefined,
+          metadata: body.metadata,
+          dimensions: trimmedProvidedDimensions
+        });
+      } catch (error) {
+        console.error('Error generating description:', error);
+      }
+    }
+
+    // Final safety net — never store null/empty description
+    if (!nodeDescription || nodeDescription.trim().length === 0) {
+      nodeDescription = body.title.slice(0, 280);
+    }
+
+    // Monitor description quality
+    if (nodeDescription && WEAK_PATTERNS.test(nodeDescription)) {
+      console.warn(`[DescriptionQuality] Weak description for node "${body.title}": "${nodeDescription}"`);
     }
 
     // Auto-assign locked dimensions + keyword dimensions for all new nodes
@@ -129,6 +163,7 @@ export async function POST(request: NextRequest) {
       title: body.title,
       description: nodeDescription,
       notes: rawNotes ?? undefined,
+      event_date: eventDate ?? undefined,
       link: body.link,
       dimensions: finalDimensions,
       chunk: chunkToStore ?? undefined,
diff --git a/src/components/agents/QuickAddInput.tsx b/src/components/agents/QuickAddInput.tsx
index dae0e19..ee08c0f 100644
--- a/src/components/agents/QuickAddInput.tsx
+++ b/src/components/agents/QuickAddInput.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 
 interface QuickAddSubmitPayload {
@@ -11,11 +11,40 @@ interface QuickAddSubmitPayload {
 
 interface QuickAddInputProps {
   onSubmit: (payload: QuickAddSubmitPayload) => Promise<void>;
-  // External control (optional - if provided, component is controlled)
   isOpen?: boolean;
   onClose?: () => void;
 }
 
+type DetectedType = 'youtube' | 'website' | 'pdf-url' | 'note' | 'chat';
+
+function detectType(raw: string): DetectedType {
+  const trimmed = raw.trim();
+  if (!trimmed) return 'note';
+  if (/youtu(\.be|be\.com)/i.test(trimmed)) return 'youtube';
+  if (/\.pdf($|\?)/i.test(trimmed) || /arxiv\.org\//i.test(trimmed)) return 'pdf-url';
+  if (/^https?:\/\//i.test(trimmed)) return 'website';
+  const newlines = (trimmed.match(/\n/g)?.length ?? 0);
+  if (newlines >= 3 && trimmed.length > 300) return 'chat';
+  if (/You said:|ChatGPT said:|Claude said:/i.test(trimmed)) return 'chat';
+  return 'note';
+}
+
+const TYPE_LABELS: Record<DetectedType, string> = {
+  youtube: 'YouTube',
+  website: 'Link',
+  'pdf-url': 'PDF',
+  note: 'Note',
+  chat: 'Transcript',
+};
+
+const TYPE_COLORS: Record<DetectedType, string> = {
+  youtube: '#ef4444',
+  website: '#3b82f6',
+  'pdf-url': '#f59e0b',
+  note: '#22c55e',
+  chat: '#a78bfa',
+};
+
 export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInputProps) {
   const [input, setInput] = useState('');
   const [isPosting, setIsPosting] = useState(false);
@@ -24,42 +53,32 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
   const [uploadedFile, setUploadedFile] = useState<File | null>(null);
   const [uploadError, setUploadError] = useState<string | null>(null);
 
-  // Support both controlled (isOpen/onClose) and uncontrolled (internal state) modes
   const isControlled = isOpen !== undefined;
   const isExpanded = isControlled ? isOpen : isExpandedInternal;
   const setIsExpanded = isControlled
     ? (value: boolean) => { if (!value && onClose) onClose(); }
     : setIsExpandedInternal;
 
+  const detectedType = useMemo(() => detectType(input), [input]);
+  const showTypePill = input.trim().length > 0 && !uploadedFile;
+
   const handleFileUpload = useCallback(async (file: File) => {
     setIsPosting(true);
     setUploadError(null);
-
     try {
       const formData = new FormData();
       formData.append('file', file);
-
       const response = await fetch('/api/extract/pdf/upload', {
         method: 'POST',
         body: formData,
       });
-
       const result = await response.json();
-
       if (!response.ok || !result.success) {
         throw new Error(result.error || 'Upload failed');
       }
-
-      // Success - clear state
       setUploadedFile(null);
       setInput('');
       setIsExpanded(false);
-
-      // Show warning if present (large file)
-      if (result.warning) {
-        console.log('[QuickAddInput] Upload warning:', result.warning);
-      }
-
     } catch (error) {
       console.error('[QuickAddInput] Upload error:', error);
       setUploadError(error instanceof Error ? error.message : 'Upload failed');
@@ -69,22 +88,14 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
   }, []);
 
   const handleSubmit = async () => {
-    // If there's a file, upload it
     if (uploadedFile) {
       await handleFileUpload(uploadedFile);
       return;
     }
-
-    // Otherwise, submit text as before
     if (!input.trim() || isPosting) return;
-
     setIsPosting(true);
     try {
-      // Mode is auto-detected server-side via quickAdd.ts detectInputType()
-      await onSubmit({
-        input: input.trim(),
-        mode: 'link', // Default; actual type is inferred server-side
-      });
+      await onSubmit({ input: input.trim(), mode: 'link' });
       setInput('');
       setIsExpanded(false);
     } catch (error) {
@@ -124,30 +135,18 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
     e.stopPropagation();
     setDragOver(false);
     setUploadError(null);
-
     const file = e.dataTransfer?.files[0];
     if (!file) return;
-
-    // Check if it's a PDF
     if (file.type !== 'application/pdf' && !file.name.toLowerCase().endsWith('.pdf')) {
       setUploadError('Only PDF files are supported');
       return;
     }
-
-    // Check size (50MB limit)
-    const MAX_SIZE = 50 * 1024 * 1024;
-    if (file.size > MAX_SIZE) {
-      setUploadError(`File too large (${Math.round(file.size / 1024 / 1024)}MB). Maximum is 50MB.`);
+    if (file.size > 50 * 1024 * 1024) {
+      setUploadError(`File too large (${Math.round(file.size / 1024 / 1024)}MB). Max 50MB.`);
       return;
     }
-
     setUploadedFile(file);
-    setInput(''); // Clear text input when file is dropped
-  }, []);
-
-  const clearFile = useCallback(() => {
-    setUploadedFile(null);
-    setUploadError(null);
+    setInput('');
   }, []);
 
   const hasContent = input.trim() || uploadedFile;
@@ -159,12 +158,8 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
     setUploadError(null);
   };
 
-  // Collapsed state - only show button if NOT controlled externally
   if (!isExpanded) {
-    // In controlled mode, don't render anything when closed
     if (isControlled) return null;
-
-    // Uncontrolled mode - show the "ADD STUFF" button
     return (
       <button
         onClick={() => setIsExpanded(true)}
@@ -190,32 +185,23 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
         onMouseEnter={(e) => {
           e.currentTarget.style.background = 'rgba(34, 197, 94, 0.2)';
           e.currentTarget.style.borderColor = '#22c55e';
-          e.currentTarget.style.boxShadow = '0 0 20px rgba(34, 197, 94, 0.25)';
         }}
         onMouseLeave={(e) => {
           e.currentTarget.style.background = 'rgba(34, 197, 94, 0.1)';
           e.currentTarget.style.borderColor = 'rgba(34, 197, 94, 0.3)';
-          e.currentTarget.style.boxShadow = '0 0 12px rgba(34, 197, 94, 0.15)';
         }}
       >
         <span style={{
-          width: '18px',
-          height: '18px',
-          borderRadius: '50%',
-          background: '#22c55e',
-          color: '#0a0a0a',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          fontSize: '12px',
-          fontWeight: 700
+          width: '18px', height: '18px', borderRadius: '50%',
+          background: '#22c55e', color: '#0a0a0a',
+          display: 'flex', alignItems: 'center', justifyContent: 'center',
+          fontSize: '12px', fontWeight: 700
         }}>+</span>
         Add Stuff
       </button>
     );
   }
 
-  // Expanded state - the card content
   const modalContent = (
     <div
       className="qa-card"
@@ -224,117 +210,76 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
       onDrop={handleDrop}
       onClick={(e) => e.stopPropagation()}
     >
-      {/* Header */}
-      <div className="qa-header">
-        <span className="qa-title">Add Stuff</span>
-        <button onClick={handleClose} className="qa-close">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-            <path d="M18 6L6 18M6 6l12 12" strokeLinecap="round" strokeLinejoin="round" />
-          </svg>
-        </button>
-      </div>
-
-      {/* File preview (when a file is dropped) */}
+      {/* File preview */}
       {uploadedFile && (
-        <div className="qa-file-preview">
-          {/* PDF icon */}
-          <div className="qa-file-icon">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ef4444" strokeWidth="1.5">
-              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" strokeLinecap="round" strokeLinejoin="round"/>
-              <polyline points="14 2 14 8 20 8" strokeLinecap="round" strokeLinejoin="round"/>
-              <line x1="16" y1="13" x2="8" y2="13" strokeLinecap="round"/>
-              <line x1="16" y1="17" x2="8" y2="17" strokeLinecap="round"/>
-            </svg>
-          </div>
-
-          {/* File info */}
-          <div style={{ flex: 1, minWidth: 0 }}>
-            <div style={{
-              color: '#e5e5e5',
-              fontSize: '13px',
-              fontWeight: 500,
-              overflow: 'hidden',
-              textOverflow: 'ellipsis',
-              whiteSpace: 'nowrap'
-            }}>
-              {uploadedFile.name}
-            </div>
-            <div style={{ color: '#666', fontSize: '11px', marginTop: '2px' }}>
-              {uploadedFile.size < 1024 * 1024
-                ? `${Math.round(uploadedFile.size / 1024)} KB`
-                : `${(uploadedFile.size / 1024 / 1024).toFixed(1)} MB`}
-            </div>
-          </div>
-
-          {/* Remove button */}
-          <button onClick={clearFile} className="qa-close" style={{ color: '#666' }}
-            onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
-            onMouseLeave={(e) => { e.currentTarget.style.color = '#666'; }}
-          >
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+        <div className="qa-file-row">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ef4444" strokeWidth="1.5">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" strokeLinecap="round" strokeLinejoin="round"/>
+            <polyline points="14 2 14 8 20 8" strokeLinecap="round" strokeLinejoin="round"/>
+          </svg>
+          <span className="qa-file-name">{uploadedFile.name}</span>
+          <span className="qa-file-size">
+            {uploadedFile.size < 1024 * 1024
+              ? `${Math.round(uploadedFile.size / 1024)} KB`
+              : `${(uploadedFile.size / 1024 / 1024).toFixed(1)} MB`}
+          </span>
+          <button onClick={() => { setUploadedFile(null); setUploadError(null); }} className="qa-file-remove">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
               <path d="M18 6L6 18M6 6l12 12" strokeLinecap="round" strokeLinejoin="round" />
             </svg>
           </button>
         </div>
       )}
 
-      {/* Error message */}
+      {/* Error */}
       {uploadError && (
-        <div style={{
-          padding: '10px 12px',
-          background: 'rgba(239, 68, 68, 0.1)',
-          border: '1px solid rgba(239, 68, 68, 0.2)',
-          borderRadius: '10px',
-          color: '#ef4444',
-          fontSize: '12px',
-        }}>
-          {uploadError}
-        </div>
+        <div className="qa-error">{uploadError}</div>
       )}
 
-      {/* Input area - show if no file uploaded */}
+      {/* Input area */}
       {!uploadedFile && (
-        <div className={`qa-input-wrapper ${dragOver ? 'dragging' : ''}`}>
-          {/* Drag overlay */}
+        <div className={`qa-input-area ${dragOver ? 'dragging' : ''}`}>
           {dragOver && (
             <div className="qa-drag-overlay">
-              <div style={{
-                display: 'flex',
-                flexDirection: 'column',
-                alignItems: 'center',
-                gap: '8px',
-                color: '#22c55e'
-              }}>
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5">
-                  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" strokeLinecap="round" strokeLinejoin="round"/>
-                  <polyline points="14 2 14 8 20 8" strokeLinecap="round" strokeLinejoin="round"/>
-                </svg>
-                <span style={{ fontSize: '13px', fontWeight: 500 }}>Drop PDF here</span>
-              </div>
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#22c55e" strokeWidth="1.5">
+                <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" strokeLinecap="round" strokeLinejoin="round"/>
+                <polyline points="14 2 14 8 20 8" strokeLinecap="round" strokeLinejoin="round"/>
+              </svg>
+              <span>Drop PDF</span>
             </div>
           )}
-
           <textarea
             value={input}
             onChange={(e) => setInput(e.target.value)}
             onKeyDown={handleKeyDown}
-            placeholder="Paste a URL, note, or transcript — or drop a PDF"
+            placeholder="Paste a URL, write a note, or drop a PDF..."
             disabled={isPosting}
             autoFocus
             className="qa-textarea"
-            style={{ opacity: dragOver ? 0.3 : 1 }}
+            style={{ opacity: dragOver ? 0.2 : 1 }}
           />
         </div>
       )}
 
       {/* Footer */}
       <div className="qa-footer">
-        <span className="qa-hint">
-          {uploadedFile
-            ? 'Ready to upload'
-            : <><kbd>{'\u2318\u21B5'}</kbd> submit <span className="qa-hint-sep">&middot;</span> <kbd>esc</kbd> close</>
-          }
-        </span>
+        <div className="qa-footer-left">
+          {showTypePill && (
+            <span className="qa-type-pill" style={{
+              color: TYPE_COLORS[detectedType],
+              borderColor: TYPE_COLORS[detectedType] + '30',
+              background: TYPE_COLORS[detectedType] + '0a',
+            }}>
+              {TYPE_LABELS[detectedType]}
+            </span>
+          )}
+          <span className="qa-hint">
+            {uploadedFile
+              ? 'Ready to upload'
+              : <><kbd>{'\u2318\u21B5'}</kbd><span className="qa-hint-sep">send</span><kbd>esc</kbd><span className="qa-hint-sep">close</span></>
+            }
+          </span>
+        </div>
         <button
           onClick={handleSubmit}
           disabled={!hasContent || isPosting}
@@ -344,8 +289,8 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
             <span className="qa-spinner" />
           ) : (
             <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M12 19V5"/>
-              <path d="M5 12l7-7 7 7"/>
+              <path d="M5 12h14"/>
+              <path d="M12 5l7 7-7 7"/>
             </svg>
           )}
         </button>
@@ -355,86 +300,27 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
         .qa-card {
           display: flex;
           flex-direction: column;
-          gap: 16px;
-          background: #141414;
-          padding: 24px;
+          gap: 0;
+          background: #111111;
           border-radius: 16px;
-          border: 1px solid #262626;
-          transition: border-color 0.15s ease;
+          border: 1px solid rgba(255, 255, 255, 0.06);
+          overflow: hidden;
           box-shadow:
-            0 0 0 1px rgba(255, 255, 255, 0.04),
-            0 24px 48px -12px rgba(0, 0, 0, 0.6);
-          animation: qaCardIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
-          width: ${isControlled ? '540px' : 'auto'};
+            0 0 0 1px rgba(255, 255, 255, 0.03),
+            0 24px 80px -12px rgba(0, 0, 0, 0.8),
+            0 0 60px -10px rgba(34, 197, 94, 0.06);
+          animation: qaIn 250ms cubic-bezier(0.16, 1, 0.3, 1);
+          width: ${isControlled ? '600px' : 'auto'};
           max-width: ${isControlled ? '90vw' : 'none'};
         }
 
-        .qa-header {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-        }
-
-        .qa-title {
-          color: #fafafa;
-          font-size: 15px;
-          font-weight: 600;
-        }
-
-        .qa-close {
-          padding: 6px;
-          background: transparent;
-          border: none;
-          color: #525252;
-          cursor: pointer;
-          border-radius: 6px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          transition: color 0.15s ease;
-        }
-
-        .qa-close:hover {
-          color: #a3a3a3;
-        }
-
-        .qa-file-preview {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          padding: 12px 14px;
-          background: #0f1a0f;
-          border: 1px solid #1a3a1a;
-          border-radius: 12px;
-        }
-
-        .qa-file-icon {
-          width: 40px;
-          height: 40px;
-          border-radius: 8px;
-          background: rgba(239, 68, 68, 0.1);
-          border: 1px solid rgba(239, 68, 68, 0.2);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-shrink: 0;
-        }
-
-        .qa-input-wrapper {
+        .qa-input-area {
           position: relative;
-          border-radius: 12px;
-          border: 1px solid #262626;
-          background: #0a0a0a;
-          transition: all 0.15s ease;
+          transition: all 0.2s ease;
         }
 
-        .qa-input-wrapper:focus-within {
-          border-color: #333;
-        }
-
-        .qa-input-wrapper.dragging {
-          border: 2px dashed #22c55e;
-          background: rgba(34, 197, 94, 0.05);
+        .qa-input-area.dragging {
+          background: rgba(34, 197, 94, 0.03);
         }
 
         .qa-drag-overlay {
@@ -443,8 +329,10 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
           display: flex;
           align-items: center;
           justify-content: center;
-          background: rgba(34, 197, 94, 0.05);
-          border-radius: 12px;
+          gap: 8px;
+          color: #22c55e;
+          font-size: 13px;
+          font-weight: 500;
           z-index: 10;
           pointer-events: none;
         }
@@ -453,10 +341,10 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
           width: 100%;
           min-height: 120px;
           max-height: 300px;
-          padding: 16px 18px;
+          padding: 20px 22px;
           background: transparent;
           border: none;
-          color: #fafafa;
+          color: #e5e5e5;
           font-size: 15px;
           font-family: inherit;
           outline: none;
@@ -466,50 +354,119 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
         }
 
         .qa-textarea::placeholder {
-          color: #525252;
+          color: #444;
+        }
+
+        .qa-file-row {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          padding: 16px 20px;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.04);
+        }
+
+        .qa-file-name {
+          flex: 1;
+          min-width: 0;
+          color: #e5e5e5;
+          font-size: 13px;
+          font-weight: 500;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .qa-file-size {
+          color: #555;
+          font-size: 11px;
+          flex-shrink: 0;
+        }
+
+        .qa-file-remove {
+          padding: 4px;
+          background: transparent;
+          border: none;
+          color: #555;
+          cursor: pointer;
+          border-radius: 4px;
+          display: flex;
+          transition: color 0.15s ease;
+        }
+
+        .qa-file-remove:hover {
+          color: #ef4444;
+        }
+
+        .qa-error {
+          padding: 10px 20px;
+          color: #ef4444;
+          font-size: 12px;
+          background: rgba(239, 68, 68, 0.06);
+          border-bottom: 1px solid rgba(239, 68, 68, 0.1);
         }
 
         .qa-footer {
           display: flex;
           align-items: center;
           justify-content: space-between;
+          padding: 12px 14px 12px 18px;
+          border-top: 1px solid rgba(255, 255, 255, 0.04);
+        }
+
+        .qa-footer-left {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+        }
+
+        .qa-type-pill {
+          font-size: 10px;
+          font-weight: 600;
+          letter-spacing: 0.04em;
+          padding: 2px 8px;
+          border-radius: 4px;
+          border: 1px solid;
+          text-transform: uppercase;
+          animation: pillIn 150ms ease-out;
         }
 
         .qa-hint {
           font-size: 11px;
-          color: #525252;
+          color: #3a3a3a;
+          display: flex;
+          align-items: center;
+          gap: 4px;
         }
 
         .qa-hint kbd {
           display: inline-flex;
           align-items: center;
-          justify-content: center;
-          padding: 2px 6px;
-          background: #262626;
-          border-radius: 4px;
+          padding: 1px 5px;
+          background: rgba(255, 255, 255, 0.04);
+          border-radius: 3px;
           font-size: 10px;
           font-family: inherit;
-          color: #737373;
-          border: 1px solid #333;
+          color: #444;
         }
 
         .qa-hint-sep {
-          margin: 0 2px;
+          margin: 0 1px;
+          color: #333;
         }
 
         .qa-submit {
-          width: 36px;
-          height: 36px;
+          width: 34px;
+          height: 34px;
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 0;
-          background: #262626;
+          background: rgba(255, 255, 255, 0.04);
           border: none;
           border-radius: 10px;
-          color: #525252;
+          color: #333;
           cursor: default;
-          transition: all 0.2s ease;
+          transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
         }
 
         .qa-submit.active {
@@ -520,23 +477,23 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
 
         .qa-submit.active:hover {
           background: #16a34a;
-          transform: translateY(-1px);
-          box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
+          transform: scale(1.05);
+          box-shadow: 0 0 20px rgba(34, 197, 94, 0.3);
         }
 
         .qa-spinner {
           width: 14px;
           height: 14px;
-          border: 2px solid #0a0a0a;
+          border: 2px solid #052e16;
           border-top-color: transparent;
           border-radius: 50%;
           animation: qaSpin 0.8s linear infinite;
         }
 
-        @keyframes qaCardIn {
+        @keyframes qaIn {
           from {
             opacity: 0;
-            transform: scale(0.96) translateY(-8px);
+            transform: scale(0.97) translateY(-6px);
           }
           to {
             opacity: 1;
@@ -544,6 +501,11 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
           }
         }
 
+        @keyframes pillIn {
+          from { opacity: 0; transform: scale(0.9); }
+          to { opacity: 1; transform: scale(1); }
+        }
+
         @keyframes qaSpin {
           to { transform: rotate(360deg); }
         }
@@ -551,55 +513,42 @@ export default function QuickAddInput({ onSubmit, isOpen, onClose }: QuickAddInp
     </div>
   );
 
-  // In controlled mode, wrap with blurred backdrop + portal
   if (isControlled) {
     const backdrop = (
-      <div
-        className="qa-backdrop"
-        onClick={handleClose}
-      >
+      <div className="qa-backdrop" onClick={handleClose}>
         <div className="qa-container">
           {modalContent}
         </div>
-
         <style jsx>{`
           .qa-backdrop {
             position: fixed;
             inset: 0;
-            background: rgba(0, 0, 0, 0.85);
-            backdrop-filter: blur(8px);
+            background: rgba(0, 0, 0, 0.7);
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
             display: flex;
+            align-items: center;
             justify-content: center;
-            padding-top: 15vh;
             z-index: 9999;
-            animation: qaBackdropIn 200ms ease-out;
+            animation: qaFadeIn 200ms ease-out;
           }
-
           .qa-container {
             width: 100%;
-            max-width: 540px;
+            max-width: 600px;
+            height: fit-content;
           }
-
-          @keyframes qaBackdropIn {
+          @keyframes qaFadeIn {
             from { opacity: 0; }
             to { opacity: 1; }
           }
         `}</style>
       </div>
     );
-
     return typeof window !== 'undefined' ? createPortal(backdrop, document.body) : null;
   }
 
-  // Uncontrolled mode - render with absolute positioning
   return (
-    <div style={{
-      position: 'absolute',
-      top: '60px',
-      left: '20px',
-      right: '20px',
-      zIndex: 100,
-    }}>
+    <div style={{ position: 'absolute', top: '60px', left: '20px', right: '20px', zIndex: 100 }}>
       {modalContent}
     </div>
   );
diff --git a/src/components/focus/FocusPanel.tsx b/src/components/focus/FocusPanel.tsx
index 50d301f..f2820c5 100644
--- a/src/components/focus/FocusPanel.tsx
+++ b/src/components/focus/FocusPanel.tsx
@@ -119,7 +119,7 @@ export default function FocusPanel({ openTabs, activeTab, onTabSelect, onNodeCli
   const [regeneratingDescription, setRegeneratingDescription] = useState<number | null>(null);
 
   // Content tab state: 'notes', 'desc', or 'source'
-  const [activeContentTab, setActiveContentTab] = useState<'notes' | 'desc' | 'edges' | 'source'>('notes');
+  const [activeContentTab, setActiveContentTab] = useState<'notes' | 'desc' | 'edges' | 'source'>('desc');
 
   // Desc (description) edit mode state
   const [descEditMode, setDescEditMode] = useState(false);
@@ -2106,23 +2106,6 @@ export default function FocusPanel({ openTabs, activeTab, onTabSelect, onNodeCli
                 marginBottom: '12px',
                 borderBottom: '1px solid #1a1a1a'
               }}>
-                <button
-                  onClick={() => { setActiveContentTab('notes'); setDescEditMode(false); setSourceEditMode(false); }}
-                  style={{
-                    padding: '8px 16px',
-                    fontSize: '11px',
-                    fontWeight: activeContentTab === 'notes' ? 600 : 400,
-                    color: activeContentTab === 'notes' ? '#e5e5e5' : '#666',
-                    background: 'transparent',
-                    border: 'none',
-                    borderBottom: activeContentTab === 'notes' ? '2px solid #22c55e' : '2px solid transparent',
-                    cursor: 'pointer',
-                    transition: 'all 0.15s',
-                    marginBottom: '-1px'
-                  }}
-                >
-                  Notes
-                </button>
                 <button
                   onClick={() => { setActiveContentTab('desc'); setNotesEditMode(false); setSourceEditMode(false); }}
                   style={{
@@ -2140,6 +2123,23 @@ export default function FocusPanel({ openTabs, activeTab, onTabSelect, onNodeCli
                 >
                   Desc
                 </button>
+                <button
+                  onClick={() => { setActiveContentTab('notes'); setDescEditMode(false); setSourceEditMode(false); }}
+                  style={{
+                    padding: '8px 16px',
+                    fontSize: '11px',
+                    fontWeight: activeContentTab === 'notes' ? 600 : 400,
+                    color: activeContentTab === 'notes' ? '#e5e5e5' : '#666',
+                    background: 'transparent',
+                    border: 'none',
+                    borderBottom: activeContentTab === 'notes' ? '2px solid #22c55e' : '2px solid transparent',
+                    cursor: 'pointer',
+                    transition: 'all 0.15s',
+                    marginBottom: '-1px'
+                  }}
+                >
+                  Notes
+                </button>
                 <button
                   onClick={() => { setActiveContentTab('edges'); setDescEditMode(false); setNotesEditMode(false); setSourceEditMode(false); }}
                   style={{
diff --git a/src/components/layout/LeftToolbar.tsx b/src/components/layout/LeftToolbar.tsx
index ab62c0e..6f945db 100644
--- a/src/components/layout/LeftToolbar.tsx
+++ b/src/components/layout/LeftToolbar.tsx
@@ -4,9 +4,11 @@ import { useState, useCallback } from 'react';
 import {
   Search,
   Plus,
+  RefreshCw,
   LayoutList,
   Map,
   Folder,
+  Table2,
   Settings,
 } from 'lucide-react';
 import type { PaneType } from '../panes/types';
@@ -14,6 +16,7 @@ import type { PaneType } from '../panes/types';
 interface LeftToolbarProps {
   onSearchClick: () => void;
   onAddStuffClick: () => void;
+  onRefreshClick: () => void;
   onSettingsClick: () => void;
   onPaneTypeClick: (paneType: PaneType) => void;
   activePane: 'A' | 'B';
@@ -26,16 +29,18 @@ const PANE_TYPE_ICONS: Record<string, typeof LayoutList> = {
   views: LayoutList,
   map: Map,
   dimensions: Folder,
+  table: Table2,
 };
 
 const PANE_TYPE_LABELS: Record<string, string> = {
   views: 'Feed',
   map: 'Map',
   dimensions: 'Dimensions',
+  table: 'Table',
 };
 
 // Pane types shown in the toolbar (excludes 'node', 'chat', and 'guides' which is in settings)
-const TOOLBAR_PANE_TYPES: PaneType[] = ['views', 'map', 'dimensions'];
+const TOOLBAR_PANE_TYPES: PaneType[] = ['views', 'map', 'dimensions', 'table'];
 
 interface ToolbarButtonProps {
   icon: typeof Search;
@@ -140,6 +145,7 @@ function PaneTypeButton({ icon: Icon, label, paneType, isOpen, isActivePane, onC
 export default function LeftToolbar({
   onSearchClick,
   onAddStuffClick,
+  onRefreshClick,
   onSettingsClick,
   onPaneTypeClick,
   activePane,
@@ -180,6 +186,12 @@ export default function LeftToolbar({
           label="Add Stuff"
           onClick={onAddStuffClick}
         />
+        <ToolbarButton
+          icon={RefreshCw}
+          label="Refresh"
+          shortcut="⌘⇧R"
+          onClick={onRefreshClick}
+        />
       </div>
 
       {/* Middle section - Pane Types */}
diff --git a/src/components/layout/ThreePanelLayout.tsx b/src/components/layout/ThreePanelLayout.tsx
index f053471..fa944ae 100644
--- a/src/components/layout/ThreePanelLayout.tsx
+++ b/src/components/layout/ThreePanelLayout.tsx
@@ -21,12 +21,21 @@ type AgentDelegation = {
   updatedAt: string;
 };
 
+export interface PendingNode {
+  id: string;
+  input: string;
+  inputType: string;
+  submittedAt: number;
+  status: 'processing' | 'error';
+  error?: string;
+}
+
 // Layout components
 import LeftToolbar from './LeftToolbar';
 import SplitHandle from './SplitHandle';
 
 // Pane components (ChatPane removed in rah-light, GuidesPane moved to settings)
-import { NodePane, DimensionsPane, MapPane, ViewsPane } from '../panes';
+import { NodePane, DimensionsPane, MapPane, ViewsPane, TablePane } from '../panes';
 import QuickAddInput from '../agents/QuickAddInput';
 import type { PaneType, SlotState, PaneAction } from '../panes/types';
 
@@ -99,6 +108,9 @@ export default function ThreePanelLayout() {
     selectedText: string;
   } | null>(null);
 
+  // Pending quick-add nodes (loading placeholders)
+  const [pendingNodes, setPendingNodes] = useState<PendingNode[]>([]);
+
   // Ref to get current openTabs value in SSE handler
   const openTabsRef = useRef<number[]>([]);
 
@@ -164,16 +176,23 @@ export default function ThreePanelLayout() {
     }
   };
 
-  // Update tab data whenever openTabs changes (use string key to prevent infinite loops)
+  // Update tab data whenever openTabs changes or focus panel refreshes (use string key to prevent infinite loops)
   const openTabsKey = openTabs.join(',');
   useEffect(() => {
     openTabsRef.current = openTabs;
     fetchOpenTabsData(openTabs);
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [openTabsKey]);
+  }, [openTabsKey, focusPanelRefresh]);
 
   // Delegations loading removed (delegation system removed in rah-light)
 
+  // Refresh all panes
+  const handleRefreshAll = useCallback(() => {
+    setNodesPanelRefresh(prev => prev + 1);
+    setFolderViewRefresh(prev => prev + 1);
+    setFocusPanelRefresh(prev => prev + 1);
+  }, []);
+
   // Keyboard shortcut handler
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -192,6 +211,11 @@ export default function ThreePanelLayout() {
           setSlotB({ type: 'node', nodeTabs: [], activeNodeTab: null });
         }
       }
+      // Cmd+Shift+R - refresh all panes
+      if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === 'r') {
+        e.preventDefault();
+        handleRefreshAll();
+      }
       // Cmd+N - open Add Stuff modal
       if ((e.metaKey || e.ctrlKey) && e.key === 'n') {
         // Don't prevent default - browser may want this for new window
@@ -205,7 +229,7 @@ export default function ThreePanelLayout() {
 
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [slotB, setSlotB]);
+  }, [slotB, setSlotB, handleRefreshAll]);
 
   // SSE connection for real-time updates
   useEffect(() => {
@@ -274,6 +298,22 @@ export default function ThreePanelLayout() {
               }
               break;
 
+            case 'QUICK_ADD_COMPLETED':
+              if (data.data?.quickAddId) {
+                setPendingNodes(prev => prev.filter(p => p.id !== data.data.quickAddId));
+              }
+              break;
+
+            case 'QUICK_ADD_FAILED':
+              if (data.data?.quickAddId) {
+                setPendingNodes(prev => prev.map(p =>
+                  p.id === data.data.quickAddId
+                    ? { ...p, status: 'error' as const, error: data.data.error || 'Unknown error' }
+                    : p
+                ));
+              }
+              break;
+
             case 'CONNECTION_ESTABLISHED':
               console.log('✅ SSE connection established');
               break;
@@ -301,6 +341,21 @@ export default function ThreePanelLayout() {
     };
   }, []);
 
+  // Auto-dismiss pending nodes after timeout
+  useEffect(() => {
+    if (pendingNodes.length === 0) return;
+    const interval = setInterval(() => {
+      const now = Date.now();
+      setPendingNodes(prev => prev.filter(p => {
+        const age = now - p.submittedAt;
+        if (p.status === 'processing' && age > 90_000) return false; // 90s timeout
+        if (p.status === 'error' && age > 120_000) return false; // 120s for errors
+        return true;
+      }));
+    }, 5000);
+    return () => clearInterval(interval);
+  }, [pendingNodes.length]);
+
   // Node tab management
   const handleNodeSelect = useCallback((nodeId: number, multiSelect: boolean) => {
     // If slotA is not a node pane (or doesn't exist), switch it to node
@@ -405,27 +460,6 @@ export default function ThreePanelLayout() {
     setActivePane('A');
   }, [slotA, setSlotA]);
 
-  // Handle Quick Add submit (used by global Add Stuff modal)
-  const handleQuickAddSubmit = useCallback(async ({ input, mode, description }: { input: string; mode: 'link' | 'note' | 'chat'; description?: string }) => {
-    try {
-      const response = await fetch('/api/quick-add', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ input, mode, description })
-      });
-
-      if (!response.ok) {
-        const data = await response.json();
-        throw new Error(data.error || 'Failed to submit Quick Add');
-      }
-
-      // Close the modal on success
-      setShowAddStuff(false);
-    } catch (error) {
-      console.error('[ThreePanelLayout] Quick Add error:', error);
-    }
-  }, []);
-
   const handleNodeDeleted = useCallback((nodeId: number) => {
     handleCloseTab(nodeId);
   }, [handleCloseTab]);
@@ -494,6 +528,51 @@ export default function ThreePanelLayout() {
     }
   }, [activePane, slotA, slotB, setSlotA, setSlotB]);
 
+  // Ensure the Feed pane is visible (for quick-add loading placeholders)
+  const ensureFeedOpen = useCallback(() => {
+    if (slotA?.type === 'views') return;
+    if (slotB?.type === 'views') return;
+    handlePaneTypeClick('views');
+  }, [slotA, slotB, handlePaneTypeClick]);
+
+  // Handle Quick Add submit (used by global Add Stuff modal)
+  const handleQuickAddSubmit = useCallback(async ({ input, mode, description }: { input: string; mode: 'link' | 'note' | 'chat'; description?: string }) => {
+    try {
+      const response = await fetch('/api/quick-add', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ input, mode, description })
+      });
+
+      if (!response.ok) {
+        const data = await response.json();
+        throw new Error(data.error || 'Failed to submit Quick Add');
+      }
+
+      const result = await response.json();
+      const delegation = result.delegation;
+
+      // Add pending placeholder
+      if (delegation?.id && delegation?.inputType) {
+        setPendingNodes(prev => [{
+          id: delegation.id,
+          input: input.slice(0, 120),
+          inputType: delegation.inputType,
+          submittedAt: Date.now(),
+          status: 'processing' as const,
+        }, ...prev]);
+      }
+
+      // Ensure feed pane is visible
+      ensureFeedOpen();
+
+      // Close the modal on success
+      setShowAddStuff(false);
+    } catch (error) {
+      console.error('[ThreePanelLayout] Quick Add error:', error);
+    }
+  }, [ensureFeedOpen]);
+
   // Handle closing a pane
   const handleCloseSlotA = useCallback(() => {
     if (slotB) {
@@ -860,6 +939,24 @@ export default function ThreePanelLayout() {
             }}
             onNodeOpenInOtherPane={slot === 'A' ? handleNodeOpenInSlotB : handleNodeOpenInSlotA}
             refreshToken={nodesPanelRefresh}
+            pendingNodes={pendingNodes}
+            onDismissPending={(id) => setPendingNodes(prev => prev.filter(p => p.id !== id))}
+          />
+        );
+
+      case 'table':
+        return (
+          <TablePane
+            slot={slot}
+            isActive={isActive}
+            onPaneAction={slot === 'A' ? handleSlotAAction : handleSlotBAction}
+            onCollapse={onCollapse}
+            onSwapPanes={slotB ? handleSwapPanes : undefined}
+            onNodeClick={(nodeId) => {
+              handleNodeSelect(nodeId, false);
+              setActivePane(slot);
+            }}
+            refreshToken={nodesPanelRefresh}
           />
         );
 
@@ -892,6 +989,7 @@ export default function ThreePanelLayout() {
         activePane={activePane}
         slotAType={slotA?.type ?? null}
         slotBType={slotB?.type ?? null}
+        onRefreshClick={handleRefreshAll}
       />
 
       {/* Main content area */}
@@ -931,7 +1029,7 @@ export default function ThreePanelLayout() {
               display: 'flex',
               flexDirection: 'column',
               // Center single pane (except map)
-              ...((!slotB && slotA.type !== 'map') ? {
+              ...((!slotB && slotA.type !== 'map' && slotA.type !== 'table') ? {
                 maxWidth: '900px',
                 margin: '0 auto',
                 width: '100%',
diff --git a/src/components/nodes/FolderViewOverlay.tsx b/src/components/nodes/FolderViewOverlay.tsx
index da7bdb3..61e0317 100644
--- a/src/components/nodes/FolderViewOverlay.tsx
+++ b/src/components/nodes/FolderViewOverlay.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useMemo, useState, useRef, type DragEvent } from 'react';
-import { Check, X, ArrowLeft, Plus, Trash2, Edit2, LayoutGrid, List, Columns3, Save, Filter, ChevronDown, Lock } from 'lucide-react';
+import { Check, X, ArrowLeft, Plus, Trash2, Edit2, Lock } from 'lucide-react';
 import type { Node } from '@/types/database';
 import ConfirmDialog from '../common/ConfirmDialog';
 import InputDialog from '../common/InputDialog';
@@ -10,26 +10,6 @@ import LucideIconPicker, { DynamicIcon } from '../common/LucideIconPicker';
 import { useDimensionIcons } from '@/context/DimensionIconsContext';
 import { usePersistentState } from '@/hooks/usePersistentState';
 
-type DimensionViewMode = 'grid' | 'list' | 'kanban';
-type OverlayMode = 'folders' | 'filtered';
-
-// Each column can have a primary dimension and optional secondary filter (AND logic)
-interface ColumnFilter {
-  id: string;
-  dimension: string;     // Primary dimension
-  filterBy?: string;     // Optional secondary dimension (AND filter)
-}
-
-interface SavedView {
-  id: string;
-  name: string;
-  filters: string[];              // Legacy: simple dimension names
-  columnFilters?: ColumnFilter[]; // NEW: columns with optional secondary filters
-  viewMode: DimensionViewMode;
-  kanbanColumns?: { dimension: string; order: number }[];
-  createdAt: string;
-}
-
 interface DimensionSummary {
   dimension: string;
   count: number;
@@ -68,13 +48,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
   const [showAddDimensionDialog, setShowAddDimensionDialog] = useState(false);
   const draggedNodeRef = useRef<{ id: number; title?: string; dimensions?: string[] } | null>(null);
 
-  // View mode state (persisted)
-  const [viewMode, setViewMode] = usePersistentState<DimensionViewMode>('ui.dimensionViewMode', 'grid');
-
-  // All nodes state (for list/kanban view at top level)
-  const [allNodes, setAllNodes] = useState<Node[]>([]);
-  const [allNodesLoading, setAllNodesLoading] = useState(false);
-
   // Kanban columns state (global, persisted)
   const [kanbanColumns, setKanbanColumns] = usePersistentState<{ dimension: string; order: number }[]>(
     'ui.kanbanColumns.global',
@@ -88,29 +61,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
   const [showKanbanColumnPicker, setShowKanbanColumnPicker] = useState(false);
   const [kanbanSearchQuery, setKanbanSearchQuery] = useState('');
 
-  // Filter/View system state
-  const [overlayMode, setOverlayMode] = useState<OverlayMode>('folders');
-  // Primary column state - each column has unique ID, allows duplicate dimensions
-  const [columns, setColumns] = usePersistentState<ColumnFilter[]>('ui.viewColumns', []);
-  const [filteredNodes, setFilteredNodes] = useState<Node[]>([]);
-  const [filteredNodesLoading, setFilteredNodesLoading] = useState(false);
-  const [showFilterPicker, setShowFilterPicker] = useState(false);
-  const [filterSearchQuery, setFilterSearchQuery] = useState('');
-  const [savedViews, setSavedViews] = usePersistentState<SavedView[]>('ui.savedViews', []);
-  const [activeViewId, setActiveViewId] = useState<string | null>(null);
-  const [showSaveViewDialog, setShowSaveViewDialog] = useState(false);
-  const [showSavedViewsDropdown, setShowSavedViewsDropdown] = useState(false);
-
-  // Which column is showing filter picker (by column ID)
-  const [showColumnFilterPicker, setShowColumnFilterPicker] = useState<string | null>(null);
-
-  // Derive selectedFilters for backward compatibility (unique dimensions)
-  // Memoized to prevent infinite useEffect loops
-  const selectedFilters = useMemo(() =>
-    [...new Set(columns.map(c => c.dimension))],
-    [columns]
-  );
-
   // Kanban drag-and-drop state
   const [draggedNode, setDraggedNode] = useState<{ id: number; fromDimension: string } | null>(null);
   const [dropTargetDimension, setDropTargetDimension] = useState<string | null>(null);
@@ -127,9 +77,11 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
 
   // Dimension edit modal state
   const [editingDimensionModal, setEditingDimensionModal] = useState<DimensionSummary | null>(null);
+  const [editModalName, setEditModalName] = useState('');
   const [editModalDescription, setEditModalDescription] = useState('');
   const [editModalIcon, setEditModalIcon] = useState('Folder');
   const [savingDimensionEdit, setSavingDimensionEdit] = useState(false);
+  const [editModalNameError, setEditModalNameError] = useState('');
 
   // Within-dimension reorder drag state
   const [reorderDrag, setReorderDrag] = useState<{ nodeId: number; dimension: string; index: number } | null>(null);
@@ -155,221 +107,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedDimension?.dimension]);
 
-  // Fetch all nodes when viewMode is list or kanban (at top level)
-  useEffect(() => {
-    if (view === 'dimensions' && (viewMode === 'list' || viewMode === 'kanban')) {
-      fetchAllNodes();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [viewMode, view, refreshToken]);
-
-  const fetchAllNodes = async () => {
-    setAllNodesLoading(true);
-    try {
-      const response = await fetch('/api/nodes?limit=500');
-      const data = await response.json();
-      if (!response.ok || !data.success) {
-        throw new Error(data.error || 'Failed to fetch nodes');
-      }
-      setAllNodes(data.data || []);
-    } catch (error) {
-      console.error('Error fetching all nodes:', error);
-    } finally {
-      setAllNodesLoading(false);
-    }
-  };
-
-  // Fetch filtered nodes when filters change
-  useEffect(() => {
-    if (overlayMode === 'filtered' && selectedFilters.length > 0) {
-      fetchFilteredNodes();
-    } else if (overlayMode === 'filtered' && selectedFilters.length === 0) {
-      setFilteredNodes([]);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedFilters, overlayMode, refreshToken]);
-
-  const fetchFilteredNodes = async () => {
-    if (selectedFilters.length === 0) {
-      setFilteredNodes([]);
-      return;
-    }
-    setFilteredNodesLoading(true);
-    try {
-      // Fetch nodes that match ANY of the selected dimensions
-      const response = await fetch(`/api/nodes?limit=500`);
-      const data = await response.json();
-      if (!response.ok || !data.success) {
-        throw new Error(data.error || 'Failed to fetch nodes');
-      }
-      // Filter client-side to get nodes matching selected dimensions
-      const allFetched: Node[] = data.data || [];
-      const filtered = allFetched.filter(node =>
-        node.dimensions?.some(d => selectedFilters.includes(d))
-      );
-      setFilteredNodes(filtered);
-    } catch (error) {
-      console.error('Error fetching filtered nodes:', error);
-    } finally {
-      setFilteredNodesLoading(false);
-    }
-  };
-
-  // Filter helper functions
-  // Add a new column (allows duplicate dimensions)
-  const addColumn = (dimension: string) => {
-    const newColumn: ColumnFilter = {
-      id: `col-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
-      dimension
-    };
-    setColumns([...columns, newColumn]);
-    setShowFilterPicker(false);
-    setFilterSearchQuery('');
-  };
-
-  // Remove a column by ID
-  const removeColumn = (columnId: string) => {
-    setColumns(columns.filter(c => c.id !== columnId));
-  };
-
-  // Legacy: remove first column with this dimension (for chip X buttons)
-  const removeFilter = (dimension: string) => {
-    const idx = columns.findIndex(c => c.dimension === dimension);
-    if (idx !== -1) {
-      setColumns(columns.filter((_, i) => i !== idx));
-    }
-  };
-
-  const clearFilters = () => {
-    setColumns([]);
-    setActiveViewId(null);
-  };
-
-  // Column filter helper functions (per-column AND filters)
-  const getColumn = (columnId: string): ColumnFilter | undefined => {
-    return columns.find(c => c.id === columnId);
-  };
-
-  const setColumnSecondaryFilter = (columnId: string, filterBy: string | undefined) => {
-    setColumns(columns.map(c =>
-      c.id === columnId ? { ...c, filterBy } : c
-    ));
-    setShowColumnFilterPicker(null);
-  };
-
-  const getColumnLabel = (column: ColumnFilter): string => {
-    return column.filterBy ? `${column.dimension} + ${column.filterBy}` : column.dimension;
-  };
-
-  const getNodesForColumnById = (columnId: string): Node[] => {
-    const column = getColumn(columnId);
-    if (!column) return [];
-    return filteredNodes.filter(node => {
-      const hasPrimary = node.dimensions?.includes(column.dimension);
-      if (!hasPrimary) return false;
-      if (column.filterBy) {
-        return node.dimensions?.includes(column.filterBy);
-      }
-      return true;
-    });
-  };
-
-  // Kanban column reorder handler (now works with column IDs)
-  const handleColumnReorder = (draggedColumnId: string, targetColumnId: string) => {
-    if (draggedColumnId === targetColumnId) return;
-
-    const currentColumns = [...columns];
-    const draggedIndex = currentColumns.findIndex(c => c.id === draggedColumnId);
-    const targetIndex = currentColumns.findIndex(c => c.id === targetColumnId);
-
-    if (draggedIndex === -1 || targetIndex === -1) return;
-
-    // Remove dragged item and insert at target position
-    const [draggedItem] = currentColumns.splice(draggedIndex, 1);
-    currentColumns.splice(targetIndex, 0, draggedItem);
-
-    setColumns(currentColumns);
-  };
-
-  // Kanban drag-and-drop handler
-  const handleKanbanDrop = async (nodeId: number, fromDimension: string, toDimension: string) => {
-    if (fromDimension === toDimension) return;
-
-    // Find the node to get its current dimensions
-    const node = filteredNodes.find(n => n.id === nodeId);
-    if (!node) return;
-
-    // Calculate new dimensions: remove fromDimension, add toDimension
-    const currentDimensions = node.dimensions || [];
-    const newDimensions = currentDimensions
-      .filter(d => d !== fromDimension)
-      .concat(toDimension)
-      .filter((d, i, arr) => arr.indexOf(d) === i); // Remove duplicates
-
-    try {
-      // Update the node via API
-      const response = await fetch(`/api/nodes/${nodeId}`, {
-        method: 'PUT',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ dimensions: newDimensions })
-      });
-
-      if (response.ok) {
-        // Refresh the filtered nodes
-        fetchFilteredNodes();
-        // Notify parent that data changed
-        onDataChanged?.();
-      }
-    } catch (error) {
-      console.error('Failed to update node dimensions:', error);
-    }
-  };
-
-  // Saved view helper functions
-  const saveCurrentView = (name: string) => {
-    const newView: SavedView = {
-      id: `view-${Date.now()}`,
-      name: name.trim(),
-      filters: selectedFilters, // Legacy: unique dimensions
-      columnFilters: columns.length > 0 ? [...columns] : undefined,
-      viewMode,
-      kanbanColumns: viewMode === 'kanban' ? [...kanbanColumns] : undefined,
-      createdAt: new Date().toISOString()
-    };
-    setSavedViews([...savedViews, newView]);
-    setActiveViewId(newView.id);
-    setShowSaveViewDialog(false);
-  };
-
-  const loadSavedView = (view: SavedView) => {
-    setOverlayMode('filtered');
-    // Load columnFilters if available, otherwise convert legacy filters
-    if (view.columnFilters && view.columnFilters.length > 0) {
-      setColumns(view.columnFilters);
-    } else {
-      // Legacy: convert simple filters to columns
-      setColumns(view.filters.map((dim, i) => ({
-        id: `col-legacy-${i}`,
-        dimension: dim
-      })));
-    }
-    setViewMode(view.viewMode);
-    if (view.kanbanColumns) {
-      setKanbanColumns(view.kanbanColumns);
-    }
-    setActiveViewId(view.id);
-    setShowSavedViewsDropdown(false);
-  };
-
-  const deleteSavedView = (viewId: string) => {
-    setSavedViews(savedViews.filter(v => v.id !== viewId));
-    if (activeViewId === viewId) {
-      setActiveViewId(null);
-    }
-  };
-
-  const activeView = savedViews.find(v => v.id === activeViewId);
-
   // Sort nodes by their priority order within a dimension
   const sortNodesByDimensionOrder = (nodes: Node[], dimension: string): Node[] => {
     const order = dimensionOrders[dimension] || [];
@@ -414,20 +151,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
     setReorderDropIndex(null);
   };
 
-  // Get nodes grouped by column for list/grid views (respects column filters)
-  const getColumnsWithNodes = () => {
-    return columns.map(column => {
-      const nodesInColumn = getNodesForColumnById(column.id);
-      const sortedNodes = sortNodesByDimensionOrder(nodesInColumn, column.dimension);
-      return {
-        column,
-        label: getColumnLabel(column),
-        nodes: sortedNodes,
-        hasFilter: !!column.filterBy
-      };
-    });
-  };
-
   const sortedDimensions = useMemo(() => {
     return [...dimensions].sort((a, b) => {
       if (a.isPriority !== b.isPriority) {
@@ -730,30 +453,57 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
   // Dimension edit modal handlers (from folder cards)
   const openDimensionEditModal = (dimension: DimensionSummary) => {
     setEditingDimensionModal(dimension);
+    setEditModalName(dimension.dimension);
     setEditModalDescription(dimension.description || '');
     setEditModalIcon(dimensionIcons[dimension.dimension] || 'Folder');
+    setEditModalNameError('');
   };
 
   const closeDimensionEditModal = () => {
     setEditingDimensionModal(null);
+    setEditModalName('');
     setEditModalDescription('');
     setEditModalIcon('Folder');
     setSavingDimensionEdit(false);
+    setEditModalNameError('');
   };
 
   const saveDimensionEdit = async () => {
     if (!editingDimensionModal) return;
 
+    const trimmedName = editModalName.trim();
+    if (!trimmedName) {
+      setEditModalNameError('Name cannot be empty');
+      return;
+    }
+
+    const isRenamed = trimmedName !== editingDimensionModal.dimension;
+    if (isRenamed) {
+      const duplicate = dimensions.some(d => d.dimension.toLowerCase() === trimmedName.toLowerCase() && d.dimension !== editingDimensionModal.dimension);
+      if (duplicate) {
+        setEditModalNameError('A dimension with this name already exists');
+        return;
+      }
+    }
+
     setSavingDimensionEdit(true);
+    setEditModalNameError('');
     try {
-      // Save description to API
+      // Save description (and optionally rename) via API
+      const body: Record<string, string> = {
+        description: editModalDescription.trim()
+      };
+      if (isRenamed) {
+        body.currentName = editingDimensionModal.dimension;
+        body.newName = trimmedName;
+      } else {
+        body.name = editingDimensionModal.dimension;
+      }
+
       const response = await fetch('/api/dimensions', {
         method: 'PUT',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          name: editingDimensionModal.dimension,
-          description: editModalDescription.trim()
-        })
+        body: JSON.stringify(body)
       });
 
       const data = await response.json();
@@ -761,11 +511,13 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
         throw new Error(data.error || 'Failed to update dimension');
       }
 
-      // Save icon to localStorage
-      setDimensionIcons(prev => ({
-        ...prev,
-        [editingDimensionModal.dimension]: editModalIcon
-      }));
+      // Save icon — use new name if renamed
+      const iconKey = isRenamed ? trimmedName : editingDimensionModal.dimension;
+      setDimensionIcons(prev => {
+        const next = { ...prev, [iconKey]: editModalIcon };
+        if (isRenamed) delete next[editingDimensionModal.dimension];
+        return next;
+      });
 
       await fetchDimensions();
       onDataChanged?.();
@@ -1773,493 +1525,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
     </div>
   );
 
-  // Render all nodes view (list or kanban) - shown at top level when not in folder view
-  const renderAllNodesView = () => {
-    if (allNodesLoading) {
-      return (
-        <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#888' }}>
-          Loading nodes...
-        </div>
-      );
-    }
-
-    if (viewMode === 'list') {
-      return (
-        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
-          <div style={{ padding: '0 24px 12px', color: '#94a3b8', fontSize: '12px', fontWeight: 500 }}>
-            Showing <strong style={{ color: '#f8fafc' }}>{allNodes.length}</strong> nodes
-          </div>
-          <div style={{ flex: 1, overflowY: 'auto', padding: '0 24px 24px' }}>
-            {allNodes.map((node) => (
-              <button
-                key={node.id}
-                onClick={() => {
-                  onNodeOpen(node.id);
-                  onClose();
-                }}
-                style={{
-                  width: '100%',
-                  display: 'flex',
-                  alignItems: 'flex-start',
-                  gap: '12px',
-                  padding: '12px 16px',
-                  marginBottom: '4px',
-                  background: '#0a0a0a',
-                  border: '1px solid #161616',
-                  borderRadius: '10px',
-                  cursor: 'pointer',
-                  textAlign: 'left',
-                  transition: 'all 0.2s'
-                }}
-                onMouseEnter={(e) => {
-                  e.currentTarget.style.background = '#111';
-                  e.currentTarget.style.borderColor = '#222';
-                }}
-                onMouseLeave={(e) => {
-                  e.currentTarget.style.background = '#0a0a0a';
-                  e.currentTarget.style.borderColor = '#161616';
-                }}
-              >
-                <div style={{
-                  width: '32px',
-                  height: '32px',
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                  background: '#1a1a1a',
-                  borderRadius: '8px',
-                  flexShrink: 0
-                }}>
-                  {getNodeIcon(node, dimensionIcons)}
-                </div>
-
-                <div style={{ flex: 1, minWidth: 0 }}>
-                  <div style={{
-                    fontSize: '13px',
-                    fontWeight: 500,
-                    color: '#f8fafc',
-                    marginBottom: '4px',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap'
-                  }}>
-                    {node.title || 'Untitled'}
-                  </div>
-
-                  {node.notes && (
-                    <div style={{
-                      fontSize: '12px',
-                      color: '#94a3b8',
-                      marginBottom: '8px',
-                      lineHeight: '1.4',
-                      display: '-webkit-box',
-                      WebkitLineClamp: 2,
-                      WebkitBoxOrient: 'vertical',
-                      overflow: 'hidden'
-                    }}>
-                      {getContentPreview(node.notes)}
-                    </div>
-                  )}
-
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>
-                    {node.dimensions && node.dimensions.length > 0 && (
-                      <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap' }}>
-                        {node.dimensions.slice(0, 3).map(dim => (
-                          <span
-                            key={dim}
-                            style={{
-                              padding: '2px 6px',
-                              background: '#1a1a1a',
-                              borderRadius: '4px',
-                              fontSize: '10px',
-                              color: '#888',
-                              textTransform: 'uppercase'
-                            }}
-                          >
-                            {dim}
-                          </span>
-                        ))}
-                        {node.dimensions.length > 3 && (
-                          <span style={{ padding: '2px 6px', fontSize: '10px', color: '#666' }}>
-                            +{node.dimensions.length - 3}
-                          </span>
-                        )}
-                      </div>
-                    )}
-                    <span style={{
-                      display: 'inline-flex',
-                      alignItems: 'center',
-                      justifyContent: 'center',
-                      background: '#22c55e',
-                      color: '#0a0a0a',
-                      fontSize: '9px',
-                      fontWeight: 600,
-                      padding: '1px 5px',
-                      borderRadius: '3px',
-                      flexShrink: 0,
-                      fontFamily: 'monospace',
-                      lineHeight: 1,
-                      height: '16px'
-                    }}>
-                      #{node.id}
-                    </span>
-                  </div>
-                </div>
-              </button>
-            ))}
-            {allNodes.length === 0 && (
-              <div style={{ textAlign: 'center', color: '#888', paddingTop: '40px' }}>
-                No nodes yet.
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    }
-
-    if (viewMode === 'kanban') {
-      return (
-        <div style={{ flex: 1, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
-          {/* Kanban Column Setup Bar */}
-          <div style={{
-            display: 'flex',
-            alignItems: 'center',
-            gap: '8px',
-            padding: '8px 24px',
-            borderBottom: '1px solid #1a1a1a',
-            background: '#0a0a0a',
-            flexShrink: 0
-          }}>
-            <span style={{ fontSize: '11px', color: '#64748b', fontWeight: 500 }}>
-              Group by:
-            </span>
-
-            {kanbanColumns.length === 0 && (
-              <span style={{ fontSize: '11px', color: '#555', fontStyle: 'italic' }}>
-                Add dimensions to create columns
-              </span>
-            )}
-
-            <div style={{ position: 'relative' }}>
-              <button
-                onClick={() => setShowKanbanColumnPicker(!showKanbanColumnPicker)}
-                style={{
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: '4px',
-                  padding: '4px 8px',
-                  background: '#1a1a1a',
-                  border: '1px solid #333',
-                  borderRadius: '6px',
-                  fontSize: '11px',
-                  color: '#888',
-                  cursor: 'pointer'
-                }}
-              >
-                <Plus size={12} />
-                Add Column
-              </button>
-
-              {showKanbanColumnPicker && (
-                <div style={{
-                  position: 'absolute',
-                  top: '100%',
-                  left: 0,
-                  marginTop: '4px',
-                  width: '200px',
-                  maxHeight: '300px',
-                  background: '#1a1a1a',
-                  border: '1px solid #333',
-                  borderRadius: '8px',
-                  overflow: 'hidden',
-                  zIndex: 100,
-                  boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                }}>
-                  <input
-                    type="text"
-                    placeholder="Search dimensions..."
-                    value={kanbanSearchQuery}
-                    onChange={(e) => setKanbanSearchQuery(e.target.value)}
-                    style={{
-                      width: '100%',
-                      padding: '8px 12px',
-                      background: '#0a0a0a',
-                      border: 'none',
-                      borderBottom: '1px solid #333',
-                      color: '#fff',
-                      fontSize: '12px',
-                      outline: 'none'
-                    }}
-                    autoFocus
-                  />
-                  <div style={{ maxHeight: '250px', overflowY: 'auto' }}>
-                    {dimensions.filter(d =>
-                      d.dimension.toLowerCase().includes(kanbanSearchQuery.toLowerCase()) &&
-                      !kanbanColumns.some(c => c.dimension === d.dimension)
-                    ).length === 0 ? (
-                      <div style={{
-                        padding: '12px',
-                        fontSize: '12px',
-                        color: '#666',
-                        textAlign: 'center'
-                      }}>
-                        No dimensions available
-                      </div>
-                    ) : (
-                      dimensions.filter(d =>
-                        d.dimension.toLowerCase().includes(kanbanSearchQuery.toLowerCase()) &&
-                        !kanbanColumns.some(c => c.dimension === d.dimension)
-                      ).map(dim => (
-                        <button
-                          key={dim.dimension}
-                          onClick={() => handleAddKanbanColumn(dim.dimension)}
-                          style={{
-                            width: '100%',
-                            padding: '8px 12px',
-                            background: 'transparent',
-                            border: 'none',
-                            color: '#ccc',
-                            fontSize: '12px',
-                            textAlign: 'left',
-                            cursor: 'pointer'
-                          }}
-                          onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                          onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                        >
-                          {dim.dimension}
-                        </button>
-                      ))
-                    )}
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {showKanbanColumnPicker && (
-              <div
-                style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                onClick={() => setShowKanbanColumnPicker(false)}
-              />
-            )}
-          </div>
-
-          {/* Kanban Board */}
-          <div style={{
-            flex: 1,
-            display: 'flex',
-            gap: '16px',
-            padding: '16px 24px',
-            overflowX: 'auto',
-            overflowY: 'hidden'
-          }}>
-            {sortedKanbanColumns.map(column => {
-              const columnNodes = allNodes.filter(node => node.dimensions?.includes(column.dimension));
-              const isDropTarget = dragOverColumn === column.dimension && draggedFromColumn !== column.dimension;
-
-              return (
-                <div
-                  key={column.dimension}
-                  style={{
-                    width: '280px',
-                    minWidth: '280px',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    background: isDropTarget ? '#0f2417' : '#0a0a0a',
-                    border: '1px solid #1a1a1a',
-                    borderRadius: '12px',
-                    transition: 'all 0.2s'
-                  }}
-                  onDragOver={(e) => handleKanbanColumnDragOver(e, column.dimension)}
-                  onDragLeave={handleKanbanColumnDragLeave}
-                  onDrop={(e) => handleAllNodesKanbanDrop(e, column.dimension)}
-                >
-                  {/* Column Header */}
-                  <div style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    padding: '12px',
-                    borderBottom: '1px solid #1a1a1a'
-                  }}>
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                      <span style={{
-                        fontSize: '12px',
-                        fontWeight: 600,
-                        color: '#f8fafc',
-                        textTransform: 'uppercase',
-                        letterSpacing: '0.05em'
-                      }}>
-                        {column.dimension}
-                      </span>
-                      <span style={{
-                        fontSize: '11px',
-                        color: '#666',
-                        background: '#1a1a1a',
-                        padding: '2px 6px',
-                        borderRadius: '10px'
-                      }}>
-                        {columnNodes.length}
-                      </span>
-                    </div>
-                    <button
-                      onClick={() => handleRemoveKanbanColumn(column.dimension)}
-                      style={{
-                        background: 'none',
-                        border: 'none',
-                        padding: '4px',
-                        cursor: 'pointer',
-                        color: '#666',
-                        display: 'flex',
-                        alignItems: 'center'
-                      }}
-                    >
-                      <X size={14} />
-                    </button>
-                  </div>
-
-                  {/* Column Content */}
-                  <div style={{ flex: 1, overflowY: 'auto', padding: '8px' }}>
-                    {columnNodes.map(node => (
-                      <div
-                        key={node.id}
-                        draggable
-                        onDragStart={(e) => handleKanbanNodeDragStart(e, node.id, column.dimension)}
-                        onDragEnd={handleKanbanNodeDragEnd}
-                        onClick={() => {
-                          onNodeOpen(node.id);
-                          onClose();
-                        }}
-                        style={{
-                          padding: '10px',
-                          marginBottom: '6px',
-                          background: draggedNodeId === node.id ? '#1a1a1a' : '#111',
-                          border: '1px solid #222',
-                          borderRadius: '8px',
-                          cursor: 'pointer',
-                          opacity: draggedNodeId === node.id ? 0.5 : 1,
-                          transition: 'all 0.2s'
-                        }}
-                        onMouseEnter={(e) => {
-                          if (draggedNodeId !== node.id) {
-                            e.currentTarget.style.background = '#1a1a1a';
-                            e.currentTarget.style.borderColor = '#333';
-                          }
-                        }}
-                        onMouseLeave={(e) => {
-                          if (draggedNodeId !== node.id) {
-                            e.currentTarget.style.background = '#111';
-                            e.currentTarget.style.borderColor = '#222';
-                          }
-                        }}
-                      >
-                        <div style={{
-                          fontSize: '12px',
-                          fontWeight: 500,
-                          color: '#f8fafc',
-                          marginBottom: '4px',
-                          overflow: 'hidden',
-                          textOverflow: 'ellipsis',
-                          whiteSpace: 'nowrap'
-                        }}>
-                          {node.title || 'Untitled'}
-                        </div>
-                        {node.dimensions && node.dimensions.length > 1 && (
-                          <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap', marginTop: '6px' }}>
-                            {node.dimensions
-                              .filter(d => d !== column.dimension)
-                              .slice(0, 2)
-                              .map(dim => (
-                                <span
-                                  key={dim}
-                                  style={{
-                                    padding: '2px 6px',
-                                    background: '#1a1a1a',
-                                    borderRadius: '4px',
-                                    fontSize: '10px',
-                                    color: '#666'
-                                  }}
-                                >
-                                  {dim}
-                                </span>
-                              ))}
-                          </div>
-                        )}
-                      </div>
-                    ))}
-                    {columnNodes.length === 0 && (
-                      <div style={{ padding: '20px', textAlign: 'center', color: '#444', fontSize: '11px' }}>
-                        Drop nodes here
-                      </div>
-                    )}
-                  </div>
-                </div>
-              );
-            })}
-
-            {/* Empty State */}
-            {kanbanColumns.length === 0 && (
-              <div style={{
-                flex: 1,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                color: '#666',
-                fontSize: '13px'
-              }}>
-                Add dimension columns to organize your nodes
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    }
-
-    return null;
-  };
-
-  // Handle kanban drop for all nodes view
-  const handleAllNodesKanbanDrop = async (e: DragEvent<HTMLDivElement>, targetDimension: string) => {
-    e.preventDefault();
-    if (draggedNodeId === null || draggedFromColumn === targetDimension) {
-      handleKanbanNodeDragEnd();
-      return;
-    }
-
-    try {
-      const node = allNodes.find(n => n.id === draggedNodeId);
-      if (!node) return;
-
-      const currentDimensions = node.dimensions || [];
-      let updatedDimensions: string[];
-
-      if (draggedFromColumn === '__uncategorized__') {
-        updatedDimensions = [...currentDimensions, targetDimension];
-      } else {
-        updatedDimensions = currentDimensions.map(d =>
-          d === draggedFromColumn ? targetDimension : d
-        );
-      }
-
-      const response = await fetch(`/api/nodes/${draggedNodeId}`, {
-        method: 'PUT',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ dimensions: updatedDimensions })
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to update node dimensions');
-      }
-
-      fetchAllNodes();
-      onDataChanged?.();
-    } catch (error) {
-      console.error('Error updating node dimension:', error);
-      alert('Failed to move node. Please try again.');
-    } finally {
-      handleKanbanNodeDragEnd();
-    }
-  };
-
   const renderNodeGrid = () => {
     if (!selectedDimension) return null;
 
@@ -2298,979 +1563,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
     );
   };
 
-  // Render filtered view content based on viewMode
-  const renderFilteredView = () => {
-    if (filteredNodesLoading) {
-      return (
-        <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#888' }}>
-          Loading...
-        </div>
-      );
-    }
-
-    if (selectedFilters.length === 0) {
-      return (
-        <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#666', fontSize: '13px' }}>
-          Select dimension filters to view nodes
-        </div>
-      );
-    }
-
-    if (filteredNodes.length === 0) {
-      return (
-        <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#666', fontSize: '13px' }}>
-          No nodes match the selected filters
-        </div>
-      );
-    }
-
-    // List view with dimension grouping
-    if (viewMode === 'list') {
-      const groups = getColumnsWithNodes();
-      return (
-        <div style={{ flex: 1, overflowY: 'auto', padding: '16px 24px' }}>
-          {groups.map(group => (
-            <div key={group.column.id} style={{ marginBottom: '24px' }}>
-              <div style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                fontSize: '11px',
-                fontWeight: 600,
-                color: '#22c55e',
-                textTransform: 'uppercase',
-                letterSpacing: '0.1em',
-                padding: '8px 0',
-                borderBottom: '1px solid #1a1a1a',
-                marginBottom: '8px'
-              }}>
-                {/* Left side: dimension name + AND filter button */}
-                <div style={{ display: 'flex', alignItems: 'center', gap: '8px', position: 'relative' }}>
-                  <span>{group.label} ({group.nodes.length})</span>
-                  <button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setShowColumnFilterPicker(showColumnFilterPicker === group.column.id ? null : group.column.id);
-                    }}
-                    style={{
-                      background: group.hasFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)',
-                      border: '1px solid rgba(34, 197, 94, 0.3)',
-                      padding: '3px 8px',
-                      cursor: 'pointer',
-                      color: '#22c55e',
-                      display: 'flex',
-                      alignItems: 'center',
-                      gap: '4px',
-                      borderRadius: '4px',
-                      fontSize: '9px',
-                      fontWeight: 600,
-                      transition: 'all 0.15s',
-                      textTransform: 'uppercase'
-                    }}
-                    onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(34, 197, 94, 0.3)'; }}
-                    onMouseLeave={(e) => { e.currentTarget.style.background = group.hasFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)'; }}
-                    title={group.hasFilter ? 'Change filter' : 'Add AND filter'}
-                  >
-                    <Plus size={10} />
-                    {group.hasFilter ? group.column.filterBy : 'AND'}
-                  </button>
-                  {showColumnFilterPicker === group.column.id && (
-                    <>
-                      <div
-                        style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                        onClick={() => setShowColumnFilterPicker(null)}
-                      />
-                      <div style={{
-                        position: 'absolute',
-                        top: '100%',
-                        left: 0,
-                        marginTop: '4px',
-                        width: '180px',
-                        maxHeight: '200px',
-                        background: '#1a1a1a',
-                        border: '1px solid #333',
-                        borderRadius: '8px',
-                        overflow: 'hidden',
-                        zIndex: 100,
-                        boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                      }}>
-                        <div style={{ padding: '8px', borderBottom: '1px solid #333', fontSize: '10px', color: '#888' }}>
-                          Filter by (AND)
-                        </div>
-                        <div style={{ maxHeight: '150px', overflowY: 'auto' }}>
-                          {group.hasFilter && (
-                            <button
-                              onClick={() => setColumnSecondaryFilter(group.column.id, undefined)}
-                              style={{
-                                width: '100%',
-                                padding: '8px 12px',
-                                background: 'transparent',
-                                border: 'none',
-                                color: '#ef4444',
-                                fontSize: '11px',
-                                textAlign: 'left',
-                                cursor: 'pointer',
-                                borderBottom: '1px solid #333'
-                              }}
-                              onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                              onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                            >
-                              Clear filter
-                            </button>
-                          )}
-                          {dimensions
-                            .filter(d => d.dimension !== group.column.dimension && d.dimension !== group.column.filterBy)
-                            .map(dim => (
-                              <button
-                                key={dim.dimension}
-                                onClick={() => setColumnSecondaryFilter(group.column.id, dim.dimension)}
-                                style={{
-                                  width: '100%',
-                                  padding: '8px 12px',
-                                  background: 'transparent',
-                                  border: 'none',
-                                  color: '#ccc',
-                                  fontSize: '11px',
-                                  textAlign: 'left',
-                                  cursor: 'pointer',
-                                  display: 'flex',
-                                  justifyContent: 'space-between',
-                                  alignItems: 'center'
-                                }}
-                                onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                                onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                              >
-                                <span>{dim.dimension}</span>
-                                <span style={{ fontSize: '9px', color: '#666' }}>{dim.count}</span>
-                              </button>
-                            ))}
-                        </div>
-                      </div>
-                    </>
-                  )}
-                </div>
-                {/* Right side: remove button */}
-                <button
-                  onClick={() => removeColumn(group.column.id)}
-                  style={{
-                    background: 'none',
-                    border: 'none',
-                    padding: '4px',
-                    cursor: 'pointer',
-                    color: '#555',
-                    display: 'flex',
-                    alignItems: 'center',
-                    borderRadius: '4px',
-                    transition: 'all 0.15s'
-                  }}
-                  onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
-                  onMouseLeave={(e) => { e.currentTarget.style.color = '#555'; }}
-                  title="Remove column"
-                >
-                  <X size={12} />
-                </button>
-              </div>
-              {group.nodes.map((node, index) => (
-                <div
-                  key={node.id}
-                  draggable
-                  onDragStart={(e) => {
-                    setReorderDrag({ nodeId: node.id, dimension: group.column.dimension, index });
-                    e.dataTransfer.effectAllowed = 'copyMove';
-                    // Set MIME types for chat input and folder drops
-                    const title = node.title || 'Untitled';
-                    e.dataTransfer.setData('application/x-rah-node', JSON.stringify({ id: node.id, title }));
-                    e.dataTransfer.setData('application/node-info', JSON.stringify({ id: node.id, title, dimensions: node.dimensions || [] }));
-                    e.dataTransfer.setData('text/plain', `[NODE:${node.id}:"${title}"]`);
-                    // Store in ref for webview compatibility
-                    draggedNodeRef.current = { id: node.id, title, dimensions: node.dimensions || [] };
-                  }}
-                  onDragEnd={() => {
-                    setReorderDrag(null);
-                    setReorderDropIndex(null);
-                    draggedNodeRef.current = null;
-                  }}
-                  onDragOver={(e) => {
-                    e.preventDefault();
-                    if (reorderDrag && reorderDrag.dimension === group.column.dimension && reorderDrag.nodeId !== node.id) {
-                      setReorderDropIndex(index);
-                    }
-                  }}
-                  onDrop={(e) => {
-                    e.preventDefault();
-                    if (reorderDrag && reorderDrag.dimension === group.column.dimension) {
-                      handleReorderDrop(group.column.dimension, reorderDrag.index, index, group.nodes);
-                    }
-                  }}
-                  onClick={() => {
-                    onNodeOpen(node.id);
-                    onClose();
-                  }}
-                  style={{
-                    width: '100%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '10px',
-                    padding: '8px 10px',
-                    marginBottom: '2px',
-                    background: reorderDrag?.nodeId === node.id ? '#1a2a1f' : 'transparent',
-                    border: reorderDropIndex === index && reorderDrag?.dimension === group.column.dimension && reorderDrag?.nodeId !== node.id
-                      ? '1px dashed #22c55e'
-                      : '1px solid transparent',
-                    borderRadius: '6px',
-                    cursor: 'grab',
-                    textAlign: 'left',
-                    transition: 'all 0.15s',
-                    opacity: reorderDrag?.nodeId === node.id ? 0.5 : 1
-                  }}
-                  onMouseEnter={(e) => {
-                    if (!reorderDrag) e.currentTarget.style.background = '#111';
-                  }}
-                  onMouseLeave={(e) => {
-                    if (!reorderDrag) e.currentTarget.style.background = 'transparent';
-                  }}
-                >
-                  <span style={{
-                    fontSize: '10px',
-                    color: '#555',
-                    cursor: 'grab',
-                    userSelect: 'none'
-                  }}>⋮⋮</span>
-                  <span style={{
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    background: '#22c55e',
-                    color: '#0a0a0a',
-                    fontSize: '9px',
-                    fontWeight: 600,
-                    padding: '1px 5px',
-                    borderRadius: '3px',
-                    flexShrink: 0,
-                    fontFamily: 'monospace',
-                    lineHeight: 1,
-                    height: '16px'
-                  }}>
-                    #{node.id}
-                  </span>
-                  <div style={{
-                    width: '24px',
-                    height: '24px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    flexShrink: 0
-                  }}>
-                    {getNodeIcon(node, dimensionIcons)}
-                  </div>
-                  <div style={{ flex: 1, minWidth: 0 }}>
-                    <div style={{
-                      fontSize: '12px',
-                      fontWeight: 500,
-                      color: '#e5e5e5',
-                      overflow: 'hidden',
-                      textOverflow: 'ellipsis',
-                      whiteSpace: 'nowrap'
-                    }}>
-                      {node.title || 'Untitled'}
-                    </div>
-                  </div>
-                  {node.dimensions && node.dimensions.length > 1 && (
-                    <div style={{ display: 'flex', gap: '4px', flexShrink: 0 }}>
-                      {node.dimensions
-                        .filter((d: string) => d !== group.column.dimension)
-                        .slice(0, 2)
-                        .map(dim => (
-                          <span
-                            key={dim}
-                            style={{
-                              padding: '2px 5px',
-                              background: selectedFilters.includes(dim) ? 'rgba(34, 197, 94, 0.1)' : 'transparent',
-                              borderRadius: '3px',
-                              fontSize: '9px',
-                              color: selectedFilters.includes(dim) ? '#22c55e' : '#444',
-                              fontWeight: 500
-                            }}
-                          >
-                            {dim}
-                          </span>
-                        ))}
-                    </div>
-                  )}
-                </div>
-              ))}
-            </div>
-          ))}
-        </div>
-      );
-    }
-
-    // Grid view with dimension grouping
-    if (viewMode === 'grid') {
-      const groups = getColumnsWithNodes();
-      return (
-        <div style={{ flex: 1, overflowY: 'auto', padding: '16px 24px' }}>
-          {groups.map(group => (
-            <div key={group.column.id} style={{ marginBottom: '32px' }}>
-              <div style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                fontSize: '11px',
-                fontWeight: 600,
-                color: '#22c55e',
-                textTransform: 'uppercase',
-                letterSpacing: '0.1em',
-                padding: '8px 0',
-                borderBottom: '1px solid #1a1a1a',
-                marginBottom: '16px'
-              }}>
-                {/* Left side: dimension name + AND filter button */}
-                <div style={{ display: 'flex', alignItems: 'center', gap: '8px', position: 'relative' }}>
-                  <span>{group.label} ({group.nodes.length})</span>
-                  <button
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setShowColumnFilterPicker(showColumnFilterPicker === group.column.id ? null : group.column.id);
-                    }}
-                    style={{
-                      background: group.hasFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)',
-                      border: '1px solid rgba(34, 197, 94, 0.3)',
-                      padding: '3px 8px',
-                      cursor: 'pointer',
-                      color: '#22c55e',
-                      display: 'flex',
-                      alignItems: 'center',
-                      gap: '4px',
-                      borderRadius: '4px',
-                      fontSize: '9px',
-                      fontWeight: 600,
-                      transition: 'all 0.15s',
-                      textTransform: 'uppercase'
-                    }}
-                    onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(34, 197, 94, 0.3)'; }}
-                    onMouseLeave={(e) => { e.currentTarget.style.background = group.hasFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)'; }}
-                    title={group.hasFilter ? 'Change filter' : 'Add AND filter'}
-                  >
-                    <Plus size={10} />
-                    {group.hasFilter ? group.column.filterBy : 'AND'}
-                  </button>
-                  {showColumnFilterPicker === group.column.id && (
-                    <>
-                      <div
-                        style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                        onClick={() => setShowColumnFilterPicker(null)}
-                      />
-                      <div style={{
-                        position: 'absolute',
-                        top: '100%',
-                        left: 0,
-                        marginTop: '4px',
-                        width: '180px',
-                        maxHeight: '200px',
-                        background: '#1a1a1a',
-                        border: '1px solid #333',
-                        borderRadius: '8px',
-                        overflow: 'hidden',
-                        zIndex: 100,
-                        boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                      }}>
-                        <div style={{ padding: '8px', borderBottom: '1px solid #333', fontSize: '10px', color: '#888' }}>
-                          Filter by (AND)
-                        </div>
-                        <div style={{ maxHeight: '150px', overflowY: 'auto' }}>
-                          {group.hasFilter && (
-                            <button
-                              onClick={() => setColumnSecondaryFilter(group.column.id, undefined)}
-                              style={{
-                                width: '100%',
-                                padding: '8px 12px',
-                                background: 'transparent',
-                                border: 'none',
-                                color: '#ef4444',
-                                fontSize: '11px',
-                                textAlign: 'left',
-                                cursor: 'pointer',
-                                borderBottom: '1px solid #333'
-                              }}
-                              onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                              onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                            >
-                              Clear filter
-                            </button>
-                          )}
-                          {dimensions
-                            .filter(d => d.dimension !== group.column.dimension && d.dimension !== group.column.filterBy)
-                            .map(dim => (
-                              <button
-                                key={dim.dimension}
-                                onClick={() => setColumnSecondaryFilter(group.column.id, dim.dimension)}
-                                style={{
-                                  width: '100%',
-                                  padding: '8px 12px',
-                                  background: 'transparent',
-                                  border: 'none',
-                                  color: '#ccc',
-                                  fontSize: '11px',
-                                  textAlign: 'left',
-                                  cursor: 'pointer',
-                                  display: 'flex',
-                                  justifyContent: 'space-between',
-                                  alignItems: 'center'
-                                }}
-                                onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                                onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                              >
-                                <span>{dim.dimension}</span>
-                                <span style={{ fontSize: '9px', color: '#666' }}>{dim.count}</span>
-                              </button>
-                            ))}
-                        </div>
-                      </div>
-                    </>
-                  )}
-                </div>
-                {/* Right side: remove button */}
-                <button
-                  onClick={() => removeColumn(group.column.id)}
-                  style={{
-                    background: 'none',
-                    border: 'none',
-                    padding: '4px',
-                    cursor: 'pointer',
-                    color: '#555',
-                    display: 'flex',
-                    alignItems: 'center',
-                    borderRadius: '4px',
-                    transition: 'all 0.15s'
-                  }}
-                  onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
-                  onMouseLeave={(e) => { e.currentTarget.style.color = '#555'; }}
-                  title="Remove column"
-                >
-                  <X size={12} />
-                </button>
-              </div>
-              <div
-                style={{
-                  display: 'grid',
-                  gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',
-                  gap: '10px'
-                }}
-              >
-                {group.nodes.map((node: Node, index: number) => (
-                  <div
-                    key={node.id}
-                    draggable
-                    onDragStart={(e) => {
-                      setReorderDrag({ nodeId: node.id, dimension: group.column.dimension, index });
-                      e.dataTransfer.effectAllowed = 'copyMove';
-                      // Set MIME types for chat input and folder drops
-                      const title = node.title || 'Untitled';
-                      e.dataTransfer.setData('application/x-rah-node', JSON.stringify({ id: node.id, title }));
-                      e.dataTransfer.setData('application/node-info', JSON.stringify({ id: node.id, title, dimensions: node.dimensions || [] }));
-                      e.dataTransfer.setData('text/plain', `[NODE:${node.id}:"${title}"]`);
-                      // Store in ref for webview compatibility
-                      draggedNodeRef.current = { id: node.id, title, dimensions: node.dimensions || [] };
-                    }}
-                    onDragEnd={() => {
-                      setReorderDrag(null);
-                      setReorderDropIndex(null);
-                      draggedNodeRef.current = null;
-                    }}
-                    onDragOver={(e) => {
-                      e.preventDefault();
-                      if (reorderDrag && reorderDrag.dimension === group.column.dimension && reorderDrag.nodeId !== node.id) {
-                        setReorderDropIndex(index);
-                      }
-                    }}
-                    onDrop={(e) => {
-                      e.preventDefault();
-                      if (reorderDrag && reorderDrag.dimension === group.column.dimension) {
-                        handleReorderDrop(group.column.dimension, reorderDrag.index, index, group.nodes);
-                      }
-                    }}
-                    onClick={() => {
-                      onNodeOpen(node.id);
-                      onClose();
-                    }}
-                    style={{
-                      background: reorderDrag?.nodeId === node.id ? '#1a2a1f' : '#0a0a0a',
-                      border: reorderDropIndex === index && reorderDrag?.dimension === group.column.dimension && reorderDrag?.nodeId !== node.id
-                        ? '2px dashed #22c55e'
-                        : '1px solid #161616',
-                      borderRadius: '10px',
-                      padding: '14px',
-                      display: 'flex',
-                      flexDirection: 'column',
-                      gap: '8px',
-                      cursor: 'grab',
-                      transition: 'all 0.15s ease',
-                      minHeight: '120px',
-                      maxHeight: '140px',
-                      overflow: 'hidden',
-                      opacity: reorderDrag?.nodeId === node.id ? 0.5 : 1
-                    }}
-                    onMouseEnter={(e) => {
-                      if (!reorderDrag) {
-                        e.currentTarget.style.background = '#111';
-                        e.currentTarget.style.borderColor = '#222';
-                      }
-                    }}
-                    onMouseLeave={(e) => {
-                      if (!reorderDrag) {
-                        e.currentTarget.style.background = '#0a0a0a';
-                        e.currentTarget.style.borderColor = '#161616';
-                      }
-                    }}
-                  >
-                    <div style={{ display: 'flex', alignItems: 'flex-start', gap: '8px' }}>
-                      <span style={{
-                        fontSize: '10px',
-                        color: '#555',
-                        cursor: 'grab',
-                        userSelect: 'none',
-                        marginTop: '2px'
-                      }}>⋮⋮</span>
-                      <span style={{
-                        display: 'inline-flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        background: '#22c55e',
-                        color: '#0a0a0a',
-                        fontSize: '9px',
-                        fontWeight: 600,
-                        padding: '1px 5px',
-                        borderRadius: '3px',
-                        flexShrink: 0,
-                        fontFamily: 'monospace',
-                        lineHeight: 1,
-                        height: '16px'
-                      }}>
-                        #{node.id}
-                      </span>
-                      <span style={{ flexShrink: 0, marginTop: '1px' }}>{getNodeIcon(node, dimensionIcons)}</span>
-                      <div style={{
-                        fontSize: '12px',
-                        fontWeight: 500,
-                        color: '#e5e5e5',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        whiteSpace: 'nowrap',
-                        flex: 1
-                      }}>
-                        {node.title || 'Untitled'}
-                      </div>
-                    </div>
-                    {node.notes && (
-                      <div style={{
-                        fontSize: '11px',
-                        color: '#666',
-                        lineHeight: '1.4',
-                        overflow: 'hidden',
-                        display: '-webkit-box',
-                        WebkitLineClamp: 2,
-                        WebkitBoxOrient: 'vertical'
-                      }}>
-                        {getContentPreview(node.notes)}
-                      </div>
-                    )}
-                    {node.dimensions && node.dimensions.length > 1 && (
-                      <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap', marginTop: 'auto' }}>
-                        {node.dimensions.filter((d: string) => d !== group.column.dimension).slice(0, 2).map((dim: string) => (
-                          <span
-                            key={dim}
-                            style={{
-                              padding: '2px 5px',
-                              fontSize: '9px',
-                              fontWeight: 500,
-                              color: selectedFilters.includes(dim) ? '#22c55e' : '#555',
-                              background: selectedFilters.includes(dim) ? 'rgba(34, 197, 94, 0.1)' : 'transparent',
-                              borderRadius: '3px'
-                            }}
-                          >
-                            {dim}
-                          </span>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                ))}
-              </div>
-            </div>
-          ))}
-        </div>
-      );
-    }
-
-    // Kanban view - group by columns with drag-and-drop
-    if (viewMode === 'kanban') {
-      return (
-        <div style={{
-          flex: 1,
-          display: 'flex',
-          gap: '16px',
-          padding: '16px 24px',
-          overflowX: 'auto',
-          overflowY: 'hidden'
-        }}>
-          {columns.map(column => {
-            const unsortedColumnNodes = getNodesForColumnById(column.id);
-            const columnNodes = sortNodesByDimensionOrder(unsortedColumnNodes, column.dimension);
-            const columnLabel = getColumnLabel(column);
-            const hasSecondaryFilter = !!column.filterBy;
-            const isDropTarget = dropTargetDimension === column.id;
-            const isColumnDropTarget = columnDropTarget === column.id && draggedColumn !== column.id;
-            const isBeingDragged = draggedColumn === column.id;
-            return (
-              <div
-                key={column.id}
-                onDragOver={(e) => {
-                  e.preventDefault();
-                  // If dragging a column, set column drop target
-                  if (draggedColumn) {
-                    setColumnDropTarget(column.id);
-                  } else {
-                    setDropTargetDimension(column.id);
-                  }
-                }}
-                onDragLeave={(e) => {
-                  // Only clear if leaving the column entirely
-                  if (!e.currentTarget.contains(e.relatedTarget as HTMLElement)) {
-                    setDropTargetDimension(null);
-                    setColumnDropTarget(null);
-                  }
-                }}
-                onDrop={(e) => {
-                  e.preventDefault();
-                  // Handle column reorder
-                  if (draggedColumn && draggedColumn !== column.id) {
-                    handleColumnReorder(draggedColumn, column.id);
-                    setDraggedColumn(null);
-                    setColumnDropTarget(null);
-                  }
-                  // Handle node drop
-                  else if (draggedNode && draggedNode.fromDimension !== column.dimension) {
-                    handleKanbanDrop(draggedNode.id, draggedNode.fromDimension, column.dimension);
-                  }
-                  setDraggedNode(null);
-                  setDropTargetDimension(null);
-                }}
-                style={{
-                  width: '280px',
-                  minWidth: '280px',
-                  display: 'flex',
-                  flexDirection: 'column',
-                  background: isColumnDropTarget ? '#0d1a12' : (isDropTarget ? '#0d1a12' : '#0a0a0a'),
-                  border: isColumnDropTarget ? '1px solid #22c55e' : (isDropTarget ? '1px solid #22c55e' : '1px solid #1a1a1a'),
-                  borderRadius: '12px',
-                  transition: 'all 0.15s ease',
-                  opacity: isBeingDragged ? 0.5 : 1
-                }}
-              >
-                {/* Column header - draggable for reordering */}
-                <div
-                  draggable
-                  onDragStart={(e) => {
-                    setDraggedColumn(column.id);
-                    e.dataTransfer.effectAllowed = 'move';
-                  }}
-                  onDragEnd={() => {
-                    setDraggedColumn(null);
-                    setColumnDropTarget(null);
-                  }}
-                  style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                    padding: '12px',
-                    borderBottom: '1px solid #1a1a1a',
-                    cursor: 'grab',
-                    userSelect: 'none'
-                  }}
-                >
-                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px', position: 'relative' }}>
-                    <span style={{
-                      fontSize: '10px',
-                      color: '#555',
-                      cursor: 'grab'
-                    }}>⋮⋮</span>
-                    <span style={{
-                      fontSize: '12px',
-                      fontWeight: 600,
-                      color: '#f8fafc',
-                      textTransform: 'uppercase',
-                      letterSpacing: '0.05em'
-                    }}>
-                      {columnLabel}
-                    </span>
-                    <span style={{
-                      fontSize: '11px',
-                      color: '#666',
-                      background: '#1a1a1a',
-                      padding: '2px 6px',
-                      borderRadius: '10px'
-                    }}>
-                      {columnNodes.length}
-                    </span>
-                    {/* AND filter button - inline with column name */}
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        setShowColumnFilterPicker(showColumnFilterPicker === column.id ? null : column.id);
-                      }}
-                      style={{
-                        background: hasSecondaryFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)',
-                        border: '1px solid rgba(34, 197, 94, 0.3)',
-                        padding: '3px 8px',
-                        cursor: 'pointer',
-                        color: '#22c55e',
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '4px',
-                        borderRadius: '4px',
-                        fontSize: '9px',
-                        fontWeight: 600,
-                        transition: 'all 0.15s',
-                        textTransform: 'uppercase'
-                      }}
-                      onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(34, 197, 94, 0.3)'; }}
-                      onMouseLeave={(e) => { e.currentTarget.style.background = hasSecondaryFilter ? 'rgba(34, 197, 94, 0.2)' : 'rgba(34, 197, 94, 0.1)'; }}
-                      title={hasSecondaryFilter ? 'Change filter' : 'Add AND filter'}
-                    >
-                      <Plus size={10} />
-                      {hasSecondaryFilter ? column.filterBy : 'AND'}
-                    </button>
-                    {showColumnFilterPicker === column.id && (
-                      <>
-                        <div
-                          style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                          onClick={() => setShowColumnFilterPicker(null)}
-                        />
-                        <div style={{
-                          position: 'absolute',
-                          top: '100%',
-                          left: 0,
-                          marginTop: '4px',
-                          width: '180px',
-                          maxHeight: '200px',
-                          background: '#1a1a1a',
-                          border: '1px solid #333',
-                          borderRadius: '8px',
-                          overflow: 'hidden',
-                          zIndex: 100,
-                          boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                        }}>
-                          <div style={{ padding: '8px', borderBottom: '1px solid #333', fontSize: '10px', color: '#888' }}>
-                            Filter by (AND)
-                          </div>
-                          <div style={{ maxHeight: '150px', overflowY: 'auto' }}>
-                            {hasSecondaryFilter && (
-                              <button
-                                onClick={() => setColumnSecondaryFilter(column.id, undefined)}
-                                style={{
-                                  width: '100%',
-                                  padding: '8px 12px',
-                                  background: 'transparent',
-                                  border: 'none',
-                                  color: '#ef4444',
-                                  fontSize: '11px',
-                                  textAlign: 'left',
-                                  cursor: 'pointer',
-                                  borderBottom: '1px solid #333'
-                                }}
-                                onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                                onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                              >
-                                Clear filter
-                              </button>
-                            )}
-                            {dimensions
-                              .filter(d => d.dimension !== column.dimension && d.dimension !== column.filterBy)
-                              .map(dim => (
-                                <button
-                                  key={dim.dimension}
-                                  onClick={() => setColumnSecondaryFilter(column.id, dim.dimension)}
-                                  style={{
-                                    width: '100%',
-                                    padding: '8px 12px',
-                                    background: 'transparent',
-                                    border: 'none',
-                                    color: '#ccc',
-                                    fontSize: '11px',
-                                    textAlign: 'left',
-                                    cursor: 'pointer',
-                                    display: 'flex',
-                                    justifyContent: 'space-between',
-                                    alignItems: 'center'
-                                  }}
-                                  onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                                  onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                                >
-                                  <span>{dim.dimension}</span>
-                                  <span style={{ fontSize: '9px', color: '#666' }}>{dim.count}</span>
-                                </button>
-                              ))}
-                          </div>
-                        </div>
-                      </>
-                    )}
-                  </div>
-                </div>
-                <div style={{ flex: 1, overflowY: 'auto', padding: '8px' }}>
-                  {columnNodes.map((node, index) => {
-                    const isReorderTarget = reorderDropIndex === index && reorderDrag?.dimension === column.dimension && reorderDrag?.nodeId !== node.id;
-                    return (
-                    <div
-                      key={node.id}
-                      draggable
-                      onDragStart={(e) => {
-                        setDraggedNode({ id: node.id, fromDimension: column.dimension });
-                        setReorderDrag({ nodeId: node.id, dimension: column.dimension, index });
-                        e.dataTransfer.effectAllowed = 'copyMove';
-                        // Set MIME types for chat input and folder drops
-                        const title = node.title || 'Untitled';
-                        e.dataTransfer.setData('application/x-rah-node', JSON.stringify({ id: node.id, title }));
-                        e.dataTransfer.setData('application/node-info', JSON.stringify({ id: node.id, title, dimensions: node.dimensions || [] }));
-                        e.dataTransfer.setData('text/plain', `[NODE:${node.id}:"${title}"]`);
-                        // Store in ref for webview compatibility
-                        draggedNodeRef.current = { id: node.id, title, dimensions: node.dimensions || [] };
-                      }}
-                      onDragEnd={() => {
-                        setDraggedNode(null);
-                        setDropTargetDimension(null);
-                        setReorderDrag(null);
-                        setReorderDropIndex(null);
-                        draggedNodeRef.current = null;
-                      }}
-                      onDragOver={(e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        // If dragging within same column, show reorder indicator
-                        if (reorderDrag && reorderDrag.dimension === column.dimension && reorderDrag.nodeId !== node.id) {
-                          setReorderDropIndex(index);
-                        }
-                      }}
-                      onDrop={(e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        // Handle within-column reorder
-                        if (reorderDrag && reorderDrag.dimension === column.dimension && reorderDrag.nodeId !== node.id) {
-                          handleReorderDrop(column.dimension, reorderDrag.index, index, columnNodes);
-                        }
-                      }}
-                      onClick={() => {
-                        onNodeOpen(node.id);
-                        onClose();
-                      }}
-                      style={{
-                        padding: '10px',
-                        marginBottom: '6px',
-                        background: draggedNode?.id === node.id ? '#1a2a1f' : '#111',
-                        border: isReorderTarget ? '2px dashed #22c55e' : (draggedNode?.id === node.id ? '1px solid #22c55e' : '1px solid #222'),
-                        borderRadius: '8px',
-                        cursor: 'grab',
-                        transition: 'all 0.15s',
-                        userSelect: 'none',
-                        opacity: draggedNode?.id === node.id ? 0.5 : 1
-                      }}
-                      onMouseEnter={(e) => {
-                        if (!draggedNode) {
-                          e.currentTarget.style.background = '#1a1a1a';
-                          e.currentTarget.style.borderColor = '#333';
-                        }
-                      }}
-                      onMouseLeave={(e) => {
-                        if (!draggedNode) {
-                          e.currentTarget.style.background = '#111';
-                          e.currentTarget.style.borderColor = '#222';
-                        }
-                      }}
-                    >
-                      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '6px' }}>
-                        <span style={{
-                          fontSize: '10px',
-                          color: '#555',
-                          cursor: 'grab',
-                          userSelect: 'none'
-                        }}>⋮⋮</span>
-                        <span style={{
-                          display: 'inline-flex',
-                          alignItems: 'center',
-                          justifyContent: 'center',
-                          background: '#22c55e',
-                          color: '#0a0a0a',
-                          fontSize: '9px',
-                          fontWeight: 600,
-                          padding: '1px 5px',
-                          borderRadius: '3px',
-                          flexShrink: 0,
-                          fontFamily: 'monospace',
-                          lineHeight: 1,
-                          height: '16px'
-                        }}>
-                          #{node.id}
-                        </span>
-                        <div style={{
-                          fontSize: '12px',
-                          fontWeight: 500,
-                          color: '#e5e5e5',
-                          overflow: 'hidden',
-                          textOverflow: 'ellipsis',
-                          whiteSpace: 'nowrap',
-                          flex: 1
-                        }}>
-                          {node.title || 'Untitled'}
-                        </div>
-                      </div>
-                      {node.dimensions && node.dimensions.length > 1 && (
-                        <div style={{ display: 'flex', gap: '4px', flexWrap: 'wrap', marginTop: '4px' }}>
-                          {node.dimensions
-                            .filter((d: string) => d !== column.dimension)
-                            .slice(0, 2)
-                            .map(dim => (
-                              <span
-                                key={dim}
-                                style={{
-                                  padding: '2px 5px',
-                                  background: selectedFilters.includes(dim) ? 'rgba(34, 197, 94, 0.1)' : 'transparent',
-                                  borderRadius: '3px',
-                                  fontSize: '9px',
-                                  fontWeight: 500,
-                                  color: selectedFilters.includes(dim) ? '#22c55e' : '#555'
-                                }}
-                              >
-                                {dim}
-                              </span>
-                            ))}
-                        </div>
-                      )}
-                    </div>
-                  );})}
-                  {columnNodes.length === 0 && (
-                    <div style={{
-                      padding: '20px',
-                      textAlign: 'center',
-                      color: isDropTarget ? '#22c55e' : '#444',
-                      fontSize: '11px',
-                      border: isDropTarget ? '2px dashed #22c55e' : '2px dashed transparent',
-                      borderRadius: '8px',
-                      transition: 'all 0.15s ease'
-                    }}>
-                      {isDropTarget ? 'Drop here' : 'No nodes'}
-                    </div>
-                  )}
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      );
-    }
-
-    return null;
-  };
-
   return (
     <>
     <div
@@ -3310,50 +1602,10 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
               </button>
             )}
 
-            {/* Mode tabs - only show when not drilling into a specific dimension */}
             {view === 'dimensions' && (
-              <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
-                <button
-                  onClick={() => {
-                    setOverlayMode('folders');
-                    setActiveViewId(null);
-                  }}
-                  style={{
-                    padding: 0,
-                    border: 'none',
-                    background: 'transparent',
-                    cursor: 'pointer',
-                    color: overlayMode === 'folders' ? '#f8fafc' : '#555',
-                    fontSize: '13px',
-                    fontWeight: 500,
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '6px',
-                    transition: 'color 0.15s'
-                  }}
-                >
-                  <DynamicIcon name="Folder" size={14} style={{ color: overlayMode === 'folders' ? '#22c55e' : '#555' }} />
-                  Folders
-                </button>
-                <button
-                  onClick={() => setOverlayMode('filtered')}
-                  style={{
-                    padding: 0,
-                    border: 'none',
-                    background: 'transparent',
-                    cursor: 'pointer',
-                    color: overlayMode === 'filtered' ? '#f8fafc' : '#555',
-                    fontSize: '13px',
-                    fontWeight: 500,
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '6px',
-                    transition: 'color 0.15s'
-                  }}
-                >
-                  <Filter size={14} style={{ color: overlayMode === 'filtered' ? '#22c55e' : '#555' }} />
-                  {activeView ? activeView.name : 'Filter'}
-                </button>
+              <div style={{ fontSize: '13px', fontWeight: 600, letterSpacing: '0.08em', textTransform: 'uppercase', color: '#f8fafc', display: 'flex', alignItems: 'center', gap: '8px' }}>
+                <DynamicIcon name="Folder" size={14} style={{ color: '#22c55e' }} />
+                Dimensions
               </div>
             )}
 
@@ -3365,97 +1617,11 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
               </div>
             )}
 
-            {/* Saved views dropdown */}
-            {view === 'dimensions' && savedViews.length > 0 && (
-              <div style={{ position: 'relative', marginLeft: '8px' }}>
-                <button
-                  onClick={() => setShowSavedViewsDropdown(!showSavedViewsDropdown)}
-                  style={{
-                    padding: 0,
-                    border: 'none',
-                    background: 'transparent',
-                    cursor: 'pointer',
-                    color: '#555',
-                    fontSize: '12px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '4px',
-                    transition: 'color 0.15s'
-                  }}
-                  onMouseEnter={(e) => { e.currentTarget.style.color = '#888'; }}
-                  onMouseLeave={(e) => { e.currentTarget.style.color = '#555'; }}
-                >
-                  <Save size={12} />
-                  <ChevronDown size={10} />
-                </button>
-                {showSavedViewsDropdown && (
-                  <>
-                    <div
-                      style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                      onClick={() => setShowSavedViewsDropdown(false)}
-                    />
-                    <div style={{
-                      position: 'absolute',
-                      top: '100%',
-                      left: 0,
-                      marginTop: '4px',
-                      minWidth: '200px',
-                      background: '#1a1a1a',
-                      border: '1px solid #333',
-                      borderRadius: '8px',
-                      overflow: 'hidden',
-                      zIndex: 100,
-                      boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                    }}>
-                      {savedViews.map(sv => (
-                        <div
-                          key={sv.id}
-                          style={{
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'space-between',
-                            padding: '8px 12px',
-                            cursor: 'pointer',
-                            background: activeViewId === sv.id ? '#2a2a2a' : 'transparent'
-                          }}
-                          onMouseEnter={(e) => { if (activeViewId !== sv.id) e.currentTarget.style.background = '#252525'; }}
-                          onMouseLeave={(e) => { if (activeViewId !== sv.id) e.currentTarget.style.background = 'transparent'; }}
-                        >
-                          <span
-                            onClick={() => loadSavedView(sv)}
-                            style={{ flex: 1, fontSize: '12px', color: '#ccc' }}
-                          >
-                            {sv.name}
-                          </span>
-                          <button
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              deleteSavedView(sv.id);
-                            }}
-                            style={{
-                              padding: '4px',
-                              background: 'none',
-                              border: 'none',
-                              color: '#666',
-                              cursor: 'pointer',
-                              display: 'flex',
-                              alignItems: 'center'
-                            }}
-                          >
-                            <Trash2 size={12} />
-                          </button>
-                        </div>
-                      ))}
-                    </div>
-                  </>
-                )}
-              </div>
-            )}
           </div>
 
           <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-            {/* Add Dimension button - only in folders mode */}
-            {view === 'dimensions' && overlayMode === 'folders' && (
+            {/* Add Dimension button */}
+            {view === 'dimensions' && (
               <button
                 onClick={() => setShowAddDimensionDialog(true)}
                 title="Add dimension"
@@ -3479,95 +1645,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
               </button>
             )}
 
-            {/* View mode toggle - only in filtered mode with filters */}
-            {view === 'dimensions' && overlayMode === 'filtered' && selectedFilters.length > 0 && (
-              <div style={{
-                display: 'flex',
-                alignItems: 'center',
-                gap: '2px',
-                padding: '2px',
-                background: '#0a0a0a',
-                borderRadius: '6px',
-                border: '1px solid #1f1f1f'
-              }}>
-                <button
-                  onClick={() => setViewMode('list')}
-                  title="List view"
-                  style={{
-                    padding: '4px',
-                    borderRadius: '4px',
-                    border: 'none',
-                    background: viewMode === 'list' ? '#1f1f1f' : 'transparent',
-                    cursor: 'pointer',
-                    color: viewMode === 'list' ? '#22c55e' : '#555',
-                    display: 'flex',
-                    alignItems: 'center',
-                    transition: 'all 0.15s'
-                  }}
-                >
-                  <List size={14} />
-                </button>
-                <button
-                  onClick={() => setViewMode('grid')}
-                  title="Grid view"
-                  style={{
-                    padding: '4px',
-                    borderRadius: '4px',
-                    border: 'none',
-                    background: viewMode === 'grid' ? '#1f1f1f' : 'transparent',
-                    cursor: 'pointer',
-                    color: viewMode === 'grid' ? '#22c55e' : '#555',
-                    display: 'flex',
-                    alignItems: 'center',
-                    transition: 'all 0.15s'
-                  }}
-                >
-                  <LayoutGrid size={14} />
-                </button>
-                <button
-                  onClick={() => setViewMode('kanban')}
-                  title="Kanban view"
-                  style={{
-                    padding: '4px',
-                    borderRadius: '4px',
-                    border: 'none',
-                    background: viewMode === 'kanban' ? '#1f1f1f' : 'transparent',
-                    cursor: 'pointer',
-                    color: viewMode === 'kanban' ? '#22c55e' : '#555',
-                    display: 'flex',
-                    alignItems: 'center',
-                    transition: 'all 0.15s'
-                  }}
-                >
-                  <Columns3 size={14} />
-                </button>
-              </div>
-            )}
-
-            {/* Save View button - only in filtered mode with filters */}
-            {view === 'dimensions' && overlayMode === 'filtered' && selectedFilters.length > 0 && (
-              <button
-                onClick={() => setShowSaveViewDialog(true)}
-                title="Save view"
-                style={{
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                  width: '28px',
-                  height: '28px',
-                  color: '#555',
-                  background: 'transparent',
-                  border: '1px solid #1f1f1f',
-                  borderRadius: '6px',
-                  cursor: 'pointer',
-                  transition: 'all 0.15s'
-                }}
-                onMouseEnter={(e) => { e.currentTarget.style.color = '#22c55e'; e.currentTarget.style.borderColor = '#22c55e'; }}
-                onMouseLeave={(e) => { e.currentTarget.style.color = '#555'; e.currentTarget.style.borderColor = '#1f1f1f'; }}
-              >
-                <Save size={14} />
-              </button>
-            )}
 
             <button
               onClick={onClose}
@@ -3593,212 +1670,10 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
           </div>
         </div>
 
-        {/* Filter bar - only show in filtered mode */}
-        {view === 'dimensions' && overlayMode === 'filtered' && (
-          <div style={{
-            padding: '0 16px 10px',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '8px',
-            flexWrap: 'wrap'
-          }}>
-            {/* Filter chips */}
-            <div style={{ display: 'flex', alignItems: 'center', gap: '5px', flexWrap: 'wrap' }}>
-              {selectedFilters.map(filter => (
-                <span
-                  key={filter}
-                  style={{
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    gap: '4px',
-                    padding: '3px 6px',
-                    background: 'rgba(34, 197, 94, 0.1)',
-                    borderRadius: '4px',
-                    fontSize: '10px',
-                    color: '#22c55e',
-                    fontWeight: 500,
-                    letterSpacing: '0.02em'
-                  }}
-                >
-                  <DynamicIcon
-                    name={dimensionIcons[filter] || 'Folder'}
-                    size={10}
-                    style={{ opacity: 0.8 }}
-                  />
-                  {filter}
-                  <button
-                    onClick={() => removeFilter(filter)}
-                    style={{
-                      background: 'none',
-                      border: 'none',
-                      padding: 0,
-                      cursor: 'pointer',
-                      color: '#22c55e',
-                      display: 'flex',
-                      alignItems: 'center',
-                      opacity: 0.7,
-                      transition: 'opacity 0.15s'
-                    }}
-                    onMouseEnter={(e) => { e.currentTarget.style.opacity = '1'; }}
-                    onMouseLeave={(e) => { e.currentTarget.style.opacity = '0.7'; }}
-                  >
-                    <X size={10} />
-                  </button>
-                </span>
-              ))}
-
-              {/* Add filter button */}
-              <div style={{ position: 'relative' }}>
-                <button
-                  onClick={() => setShowFilterPicker(!showFilterPicker)}
-                  title="Add filter"
-                  style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '6px',
-                    padding: '4px 10px 4px 4px',
-                    background: 'transparent',
-                    border: 'none',
-                    borderRadius: '6px',
-                    color: '#22c55e',
-                    cursor: 'pointer',
-                    transition: 'all 0.15s',
-                    fontSize: '11px',
-                    fontWeight: 500
-                  }}
-                  onMouseEnter={(e) => { e.currentTarget.style.background = '#151515'; }}
-                  onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                >
-                  <span style={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    width: '20px',
-                    height: '20px',
-                    borderRadius: '50%',
-                    background: '#22c55e',
-                    color: '#0a0a0a',
-                    fontSize: '14px',
-                    lineHeight: 1,
-                    fontWeight: 300,
-                    flexShrink: 0
-                  }}>+</span>
-                  Add Filter
-                </button>
-                {showFilterPicker && (
-                  <>
-                    <div
-                      style={{ position: 'fixed', inset: 0, zIndex: 99 }}
-                      onClick={() => setShowFilterPicker(false)}
-                    />
-                    <div style={{
-                      position: 'absolute',
-                      top: '100%',
-                      left: 0,
-                      marginTop: '4px',
-                      width: '200px',
-                      maxHeight: '300px',
-                      background: '#1a1a1a',
-                      border: '1px solid #333',
-                      borderRadius: '8px',
-                      overflow: 'hidden',
-                      zIndex: 100,
-                      boxShadow: '0 4px 12px rgba(0,0,0,0.5)'
-                    }}>
-                      <input
-                        type="text"
-                        placeholder="Search dimensions..."
-                        value={filterSearchQuery}
-                        onChange={(e) => setFilterSearchQuery(e.target.value)}
-                        style={{
-                          width: '100%',
-                          padding: '8px 12px',
-                          background: '#0a0a0a',
-                          border: 'none',
-                          borderBottom: '1px solid #333',
-                          color: '#fff',
-                          fontSize: '12px',
-                          outline: 'none'
-                        }}
-                        autoFocus
-                      />
-                      <div style={{ maxHeight: '250px', overflowY: 'auto' }}>
-                        {dimensions
-                          .filter(d =>
-                            d.dimension.toLowerCase().includes(filterSearchQuery.toLowerCase())
-                          )
-                          .map(dim => (
-                            <button
-                              key={dim.dimension}
-                              onClick={() => addColumn(dim.dimension)}
-                              style={{
-                                width: '100%',
-                                padding: '8px 12px',
-                                background: 'transparent',
-                                border: 'none',
-                                color: '#ccc',
-                                fontSize: '12px',
-                                textAlign: 'left',
-                                cursor: 'pointer',
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                alignItems: 'center'
-                              }}
-                              onMouseEnter={(e) => { e.currentTarget.style.background = '#2a2a2a'; }}
-                              onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
-                            >
-                              <span>{dim.dimension}</span>
-                              <span style={{ fontSize: '10px', color: '#666' }}>{dim.count}</span>
-                            </button>
-                          ))}
-                        {dimensions.filter(d =>
-                          d.dimension.toLowerCase().includes(filterSearchQuery.toLowerCase()) &&
-                          !selectedFilters.includes(d.dimension)
-                        ).length === 0 && (
-                          <div style={{ padding: '12px', fontSize: '12px', color: '#666', textAlign: 'center' }}>
-                            No dimensions available
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </>
-                )}
-              </div>
-
-              {selectedFilters.length > 0 && (
-                <button
-                  onClick={clearFilters}
-                  title="Clear all filters"
-                  style={{
-                    padding: 0,
-                    marginLeft: '4px',
-                    background: 'transparent',
-                    border: 'none',
-                    fontSize: '10px',
-                    color: '#444',
-                    cursor: 'pointer',
-                    transition: 'color 0.15s'
-                  }}
-                  onMouseEnter={(e) => { e.currentTarget.style.color = '#888'; }}
-                  onMouseLeave={(e) => { e.currentTarget.style.color = '#444'; }}
-                >
-                  clear
-                </button>
-              )}
-            </div>
-
-          </div>
-        )}
       </div>
 
       {/* Content */}
-      {view === 'nodes' ? (
-        renderNodeGrid()
-      ) : overlayMode === 'folders' ? (
-        renderDimensionGrid()
-      ) : (
-        renderFilteredView()
-      )}
+      {view === 'nodes' ? renderNodeGrid() : renderDimensionGrid()}
     </div>
     <ConfirmDialog
       open={dimensionPendingDelete !== null}
@@ -3821,15 +1696,6 @@ export default function FolderViewOverlay({ onClose, onNodeOpen, refreshToken, o
       onConfirm={handleAddDimension}
       onCancel={() => setShowAddDimensionDialog(false)}
     />
-    <InputDialog
-      open={showSaveViewDialog}
-      title="Save View"
-      message="Enter a name for this saved view:"
-      placeholder="e.g. Research Tasks, Active Projects"
-      confirmLabel="Save"
-      onConfirm={saveCurrentView}
-      onCancel={() => setShowSaveViewDialog(false)}
-    />
 
     {/* Dimension Edit Modal */}
     {editingDimensionModal && (
diff --git a/src/components/panes/TablePane.tsx b/src/components/panes/TablePane.tsx
new file mode 100644
index 0000000..9b78cf3
--- /dev/null
+++ b/src/components/panes/TablePane.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import PaneHeader from './PaneHeader';
+import DatabaseTableView from '../views/DatabaseTableView';
+import type { BasePaneProps } from './types';
+
+export interface TablePaneProps extends BasePaneProps {
+  onNodeClick: (nodeId: number) => void;
+  refreshToken?: number;
+}
+
+export default function TablePane({
+  slot,
+  isActive,
+  onPaneAction,
+  onCollapse,
+  onSwapPanes,
+  tabBar,
+  onNodeClick,
+  refreshToken
+}: TablePaneProps) {
+  return (
+    <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      background: 'transparent',
+      overflow: 'hidden'
+    }}>
+      <PaneHeader slot={slot} onCollapse={onCollapse} onSwapPanes={onSwapPanes} tabBar={tabBar} />
+      <div style={{ flex: 1, overflow: 'hidden' }}>
+        <DatabaseTableView
+          onNodeClick={onNodeClick}
+          refreshToken={refreshToken}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/panes/ViewsPane.tsx b/src/components/panes/ViewsPane.tsx
index ce7c15a..ce9cc94 100644
--- a/src/components/panes/ViewsPane.tsx
+++ b/src/components/panes/ViewsPane.tsx
@@ -3,11 +3,14 @@
 import PaneHeader from './PaneHeader';
 import ViewsOverlay from '../views/ViewsOverlay';
 import type { BasePaneProps, PaneAction, PaneType } from './types';
+import type { PendingNode } from '../layout/ThreePanelLayout';
 
 export interface ViewsPaneProps extends BasePaneProps {
   onNodeClick: (nodeId: number) => void;
   onNodeOpenInOtherPane?: (nodeId: number) => void;
   refreshToken?: number;
+  pendingNodes?: PendingNode[];
+  onDismissPending?: (id: string) => void;
 }
 
 export default function ViewsPane({
@@ -18,7 +21,9 @@ export default function ViewsPane({
   onSwapPanes,
   onNodeClick,
   onNodeOpenInOtherPane,
-  refreshToken
+  refreshToken,
+  pendingNodes,
+  onDismissPending,
 }: ViewsPaneProps) {
   const handleTypeChange = (type: PaneType) => {
     onPaneAction?.({ type: 'switch-pane-type', paneType: type });
@@ -38,6 +43,8 @@ export default function ViewsPane({
           onNodeClick={onNodeClick}
           onNodeOpenInOtherPane={onNodeOpenInOtherPane}
           refreshToken={refreshToken}
+          pendingNodes={pendingNodes}
+          onDismissPending={onDismissPending}
         />
       </div>
     </div>
diff --git a/src/components/panes/index.ts b/src/components/panes/index.ts
index 4f74d00..7f54eed 100644
--- a/src/components/panes/index.ts
+++ b/src/components/panes/index.ts
@@ -2,5 +2,6 @@ export { default as NodePane } from './NodePane';
 export { default as DimensionsPane } from './DimensionsPane';
 export { default as MapPane } from './MapPane';
 export { default as ViewsPane } from './ViewsPane';
+export { default as TablePane } from './TablePane';
 export { default as PaneHeader } from './PaneHeader';
 export * from './types';
diff --git a/src/components/panes/types.ts b/src/components/panes/types.ts
index f2a4f81..b17a13f 100644
--- a/src/components/panes/types.ts
+++ b/src/components/panes/types.ts
@@ -15,7 +15,7 @@ export type AgentDelegation = {
 };
 
 // The four pane types (chat removed in rah-light, guides moved to settings)
-export type PaneType = 'node' | 'dimensions' | 'map' | 'views';
+export type PaneType = 'node' | 'dimensions' | 'map' | 'views' | 'table';
 
 // State for each slot
 export interface SlotState {
@@ -89,6 +89,12 @@ export interface ViewsPaneProps extends BasePaneProps {
   refreshToken?: number;
 }
 
+// TablePane specific props
+export interface TablePaneProps extends BasePaneProps {
+  onNodeClick: (nodeId: number) => void;
+  refreshToken?: number;
+}
+
 // Pane header props
 export interface PaneHeaderProps {
   slot?: 'A' | 'B';
@@ -104,6 +110,7 @@ export const PANE_LABELS: Record<PaneType, string> = {
   dimensions: 'Dimensions',
   map: 'Map',
   views: 'Feed',
+  table: 'Table',
 };
 
 // Default slot states
diff --git a/src/components/settings/LogsRow.tsx b/src/components/settings/LogsRow.tsx
index 2dd78ea..7856437 100644
--- a/src/components/settings/LogsRow.tsx
+++ b/src/components/settings/LogsRow.tsx
@@ -97,11 +97,6 @@ export default function LogsRow({ log, isEven }: LogsRowProps) {
                   🧵 {metrics.thread.substring(0, 16)}…
                 </span>
               )}
-              {metrics.cost_usd !== undefined && (
-                <span style={{ color: '#34d399' }}>
-                  💰 ${metrics.cost_usd.toFixed(6)}
-                </span>
-              )}
               {metrics.input_tokens !== undefined && metrics.output_tokens !== undefined && (
                 <span>
                   📊 {metrics.input_tokens}↓ {metrics.output_tokens}↑
diff --git a/src/components/views/DatabaseTableView.tsx b/src/components/views/DatabaseTableView.tsx
new file mode 100644
index 0000000..0c41e09
--- /dev/null
+++ b/src/components/views/DatabaseTableView.tsx
@@ -0,0 +1,629 @@
+"use client";
+
+import { useEffect, useState, useRef, useCallback, useMemo } from 'react';
+import { Filter, ChevronDown, ChevronLeft, ChevronRight, X, ArrowUpDown, Search, ExternalLink } from 'lucide-react';
+import type { Node } from '@/types/database';
+
+type SortOrder = 'updated' | 'edges' | 'created' | 'event_date';
+
+const SORT_LABELS: Record<SortOrder, string> = {
+  updated: 'Recently Updated',
+  edges: 'Most Edges',
+  created: 'Creation Date',
+  event_date: 'Event Date',
+};
+
+const PAGE_SIZE = 50;
+
+interface DimensionSummary {
+  dimension: string;
+  count: number;
+  isPriority: boolean;
+}
+
+interface DatabaseTableViewProps {
+  onNodeClick: (nodeId: number) => void;
+  refreshToken?: number;
+}
+
+function formatRelativeTime(dateStr: string): string {
+  const now = Date.now();
+  const then = new Date(dateStr).getTime();
+  const diff = now - then;
+
+  const minutes = Math.floor(diff / 60000);
+  if (minutes < 1) return 'just now';
+  if (minutes < 60) return `${minutes}m ago`;
+
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+
+  const days = Math.floor(hours / 24);
+  if (days < 30) return `${days}d ago`;
+
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months}mo ago`;
+
+  return `${Math.floor(months / 12)}y ago`;
+}
+
+function formatDate(dateStr: string | null | undefined): string {
+  if (!dateStr) return '\u2014';
+  try {
+    return dateStr.slice(0, 10);
+  } catch {
+    return '\u2014';
+  }
+}
+
+export default function DatabaseTableView({ onNodeClick, refreshToken = 0 }: DatabaseTableViewProps) {
+  const [nodes, setNodes] = useState<Node[]>([]);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [page, setPage] = useState(1);
+  const [sortOrder, setSortOrder] = useState<SortOrder>('updated');
+  const [searchQuery, setSearchQuery] = useState('');
+  const [activeSearch, setActiveSearch] = useState('');
+  const [selectedFilters, setSelectedFilters] = useState<string[]>([]);
+  const [dimensions, setDimensions] = useState<DimensionSummary[]>([]);
+  const [showFilterPicker, setShowFilterPicker] = useState(false);
+  const [filterSearchQuery, setFilterSearchQuery] = useState('');
+  const [showSortDropdown, setShowSortDropdown] = useState(false);
+  const [hoveredRow, setHoveredRow] = useState<number | null>(null);
+
+  const filterPickerRef = useRef<HTMLDivElement>(null);
+  const sortDropdownRef = useRef<HTMLDivElement>(null);
+
+  const sortedDimensions = useMemo(() => {
+    return [...dimensions].sort((a, b) => {
+      if (a.isPriority && !b.isPriority) return -1;
+      if (!a.isPriority && b.isPriority) return 1;
+      return a.dimension.localeCompare(b.dimension);
+    });
+  }, [dimensions]);
+
+  const filterPickerDimensions = sortedDimensions.filter(d =>
+    d.dimension.toLowerCase().includes(filterSearchQuery.toLowerCase())
+  );
+
+  // Fetch dimensions
+  useEffect(() => {
+    (async () => {
+      try {
+        const res = await fetch('/api/dimensions');
+        const data = await res.json();
+        if (data.success) setDimensions(data.data || []);
+      } catch (e) {
+        console.error('Error fetching dimensions:', e);
+      }
+    })();
+  }, [refreshToken]);
+
+  // Fetch nodes
+  const fetchNodes = useCallback(async () => {
+    setLoading(true);
+    try {
+      const params = new URLSearchParams({
+        limit: String(PAGE_SIZE),
+        offset: String((page - 1) * PAGE_SIZE),
+        sortBy: sortOrder,
+      });
+      if (activeSearch) params.set('search', activeSearch);
+      if (selectedFilters.length > 0) {
+        params.set('dimensions', selectedFilters.join(','));
+        params.set('dimensionsMatch', 'all');
+      }
+
+      const res = await fetch(`/api/nodes?${params}`);
+      const data = await res.json();
+      if (data.success) {
+        setNodes(data.data || []);
+        setTotal(data.total ?? data.count ?? 0);
+      }
+    } catch (e) {
+      console.error('Error fetching nodes:', e);
+    } finally {
+      setLoading(false);
+    }
+  }, [page, sortOrder, activeSearch, selectedFilters]);
+
+  useEffect(() => {
+    fetchNodes();
+  }, [fetchNodes, refreshToken]);
+
+  // Reset to page 1 when filters/sort/search change
+  const filtersKey = selectedFilters.join(',');
+  useEffect(() => {
+    setPage(1);
+  }, [sortOrder, activeSearch, filtersKey]);
+
+  // Close dropdowns on outside click
+  useEffect(() => {
+    const handleClickOutside = (e: MouseEvent) => {
+      if (showFilterPicker && filterPickerRef.current && !filterPickerRef.current.contains(e.target as HTMLElement)) {
+        setShowFilterPicker(false);
+        setFilterSearchQuery('');
+      }
+      if (showSortDropdown && sortDropdownRef.current && !sortDropdownRef.current.contains(e.target as HTMLElement)) {
+        setShowSortDropdown(false);
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [showFilterPicker, showSortDropdown]);
+
+  const handleSearchSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setActiveSearch(searchQuery);
+  };
+
+  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE));
+  const startItem = (page - 1) * PAGE_SIZE + 1;
+  const endItem = Math.min(page * PAGE_SIZE, total);
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', background: 'transparent' }}>
+      {/* Compact toolbar */}
+      <div style={{
+        padding: '8px 12px',
+        borderBottom: '1px solid #1a1a1a',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+      }}>
+        {/* Search */}
+        <form onSubmit={handleSearchSubmit} style={{ display: 'flex', alignItems: 'center', gap: '0' }}>
+          <div style={{
+            display: 'flex',
+            alignItems: 'center',
+            background: '#0d0d0d',
+            border: '1px solid #222',
+            borderRadius: '6px',
+            padding: '0 8px',
+            gap: '6px',
+          }}>
+            <Search size={12} style={{ color: '#555', flexShrink: 0 }} />
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Search nodes..."
+              style={{
+                background: 'transparent',
+                border: 'none',
+                color: '#f0f0f0',
+                fontSize: '12px',
+                padding: '5px 0',
+                outline: 'none',
+                width: '140px',
+              }}
+            />
+            {activeSearch && (
+              <button
+                type="button"
+                onClick={() => { setSearchQuery(''); setActiveSearch(''); }}
+                style={{ background: 'transparent', border: 'none', color: '#555', cursor: 'pointer', padding: 0, display: 'flex' }}
+              >
+                <X size={11} />
+              </button>
+            )}
+          </div>
+        </form>
+
+        {/* Filter chips + button */}
+        <div style={{ display: 'flex', alignItems: 'center', gap: '6px', flex: 1, flexWrap: 'wrap' }}>
+          {selectedFilters.map(f => (
+            <div key={f} style={{
+              display: 'flex', alignItems: 'center', gap: '4px',
+              padding: '2px 7px',
+              background: 'rgba(34, 197, 94, 0.06)',
+              border: '1px solid rgba(34, 197, 94, 0.12)',
+              borderRadius: '4px', fontSize: '11px', color: '#5a9'
+            }}>
+              {f}
+              <button
+                onClick={() => setSelectedFilters(selectedFilters.filter(x => x !== f))}
+                style={{ background: 'transparent', border: 'none', color: '#5a9', cursor: 'pointer', padding: 0, display: 'flex' }}
+                onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
+                onMouseLeave={(e) => { e.currentTarget.style.color = '#5a9'; }}
+              >
+                <X size={10} />
+              </button>
+            </div>
+          ))}
+          <div style={{ position: 'relative' }} ref={filterPickerRef}>
+            <button
+              onClick={() => setShowFilterPicker(!showFilterPicker)}
+              style={{
+                display: 'flex', alignItems: 'center', gap: '4px',
+                padding: '4px 7px', background: 'transparent',
+                border: '1px solid #222', borderRadius: '5px',
+                color: '#888', fontSize: '11px', cursor: 'pointer',
+              }}
+              onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(255,255,255,0.04)'; }}
+              onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
+            >
+              <Filter size={11} />
+              Filter
+            </button>
+
+            {showFilterPicker && (
+              <div style={{
+                position: 'absolute', top: '100%', left: 0, marginTop: '4px',
+                background: '#141414', border: '1px solid #222', borderRadius: '10px',
+                padding: '6px', minWidth: '220px', maxHeight: '320px', overflowY: 'auto',
+                zIndex: 1000, boxShadow: '0 8px 24px rgba(0,0,0,0.4)',
+              }}>
+                <input
+                  type="text"
+                  value={filterSearchQuery}
+                  onChange={(e) => setFilterSearchQuery(e.target.value)}
+                  placeholder="Search dimensions..."
+                  autoFocus
+                  style={{
+                    width: '100%', padding: '7px 10px', background: '#0d0d0d',
+                    border: '1px solid transparent', borderRadius: '6px',
+                    color: '#f0f0f0', fontSize: '12px', marginBottom: '4px', outline: 'none',
+                  }}
+                />
+                {filterPickerDimensions.length === 0 ? (
+                  <div style={{ padding: '12px', color: '#666', fontSize: '12px', textAlign: 'center' }}>
+                    No matching dimensions
+                  </div>
+                ) : (
+                  filterPickerDimensions.map(d => (
+                    <button
+                      key={d.dimension}
+                      onClick={() => {
+                        if (!selectedFilters.includes(d.dimension)) {
+                          setSelectedFilters([...selectedFilters, d.dimension]);
+                        }
+                        setShowFilterPicker(false);
+                        setFilterSearchQuery('');
+                      }}
+                      style={{
+                        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+                        width: '100%', padding: '7px 10px', background: 'transparent',
+                        border: 'none', borderRadius: '5px', color: '#ccc',
+                        fontSize: '12px', cursor: 'pointer', textAlign: 'left',
+                      }}
+                      onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(255,255,255,0.04)'; }}
+                      onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
+                    >
+                      <span>{d.dimension}</span>
+                      <span style={{ color: '#555', fontSize: '10px', background: '#1a1a1a', padding: '1px 6px', borderRadius: '10px' }}>
+                        {d.count}
+                      </span>
+                    </button>
+                  ))
+                )}
+              </div>
+            )}
+          </div>
+
+          {selectedFilters.length > 0 && (
+            <button
+              onClick={() => setSelectedFilters([])}
+              style={{ padding: '4px 6px', background: 'transparent', border: 'none', color: '#666', fontSize: '11px', cursor: 'pointer' }}
+              onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
+              onMouseLeave={(e) => { e.currentTarget.style.color = '#666'; }}
+            >
+              Clear
+            </button>
+          )}
+        </div>
+
+        {/* Sort dropdown */}
+        <div style={{ position: 'relative' }} ref={sortDropdownRef}>
+          <button
+            onClick={() => setShowSortDropdown(!showSortDropdown)}
+            style={{
+              display: 'flex', alignItems: 'center', gap: '4px',
+              padding: '4px 7px', background: 'transparent',
+              border: '1px solid #222', borderRadius: '5px',
+              color: '#888', fontSize: '11px', cursor: 'pointer', whiteSpace: 'nowrap',
+            }}
+            onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(255,255,255,0.04)'; }}
+            onMouseLeave={(e) => { e.currentTarget.style.background = 'transparent'; }}
+          >
+            <ArrowUpDown size={11} />
+            {SORT_LABELS[sortOrder]}
+            <ChevronDown size={10} />
+          </button>
+
+          {showSortDropdown && (
+            <div style={{
+              position: 'absolute', top: '100%', right: 0, marginTop: '4px',
+              background: '#141414', border: '1px solid #222', borderRadius: '10px',
+              padding: '4px', minWidth: '160px', zIndex: 1000,
+              boxShadow: '0 8px 24px rgba(0,0,0,0.4)',
+            }}>
+              {(Object.keys(SORT_LABELS) as SortOrder[]).map(key => (
+                <button
+                  key={key}
+                  onClick={() => { setSortOrder(key); setShowSortDropdown(false); }}
+                  style={{
+                    display: 'flex', alignItems: 'center', gap: '8px',
+                    width: '100%', padding: '7px 10px',
+                    background: sortOrder === key ? 'rgba(255,255,255,0.04)' : 'transparent',
+                    border: 'none', borderRadius: '5px',
+                    color: sortOrder === key ? '#f0f0f0' : '#999',
+                    fontSize: '12px', cursor: 'pointer', textAlign: 'left',
+                  }}
+                  onMouseEnter={(e) => { e.currentTarget.style.background = 'rgba(255,255,255,0.04)'; }}
+                  onMouseLeave={(e) => { e.currentTarget.style.background = sortOrder === key ? 'rgba(255,255,255,0.04)' : 'transparent'; }}
+                >
+                  {sortOrder === key && <span style={{ color: '#22c55e', fontSize: '12px' }}>✓</span>}
+                  {SORT_LABELS[key]}
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* Pagination */}
+        <div style={{
+          display: 'flex', alignItems: 'center', gap: '6px',
+          fontSize: '11px', color: '#666', whiteSpace: 'nowrap',
+        }}>
+          <span>{total > 0 ? `${startItem}-${endItem} of ${total}` : '0 nodes'}</span>
+          <button
+            onClick={() => setPage(p => Math.max(1, p - 1))}
+            disabled={page <= 1}
+            style={{
+              background: 'transparent', border: '1px solid #222', borderRadius: '4px',
+              color: page <= 1 ? '#333' : '#888', cursor: page <= 1 ? 'default' : 'pointer',
+              padding: '2px 4px', display: 'flex',
+            }}
+          >
+            <ChevronLeft size={14} />
+          </button>
+          <button
+            onClick={() => setPage(p => Math.min(totalPages, p + 1))}
+            disabled={page >= totalPages}
+            style={{
+              background: 'transparent', border: '1px solid #222', borderRadius: '4px',
+              color: page >= totalPages ? '#333' : '#888',
+              cursor: page >= totalPages ? 'default' : 'pointer',
+              padding: '2px 4px', display: 'flex',
+            }}
+          >
+            <ChevronRight size={14} />
+          </button>
+        </div>
+      </div>
+
+      {/* Table */}
+      <div style={{ flex: 1, overflow: 'auto' }}>
+        {loading ? (
+          <div style={{ padding: '40px', color: '#666', textAlign: 'center', fontSize: '13px' }}>Loading...</div>
+        ) : nodes.length === 0 ? (
+          <div style={{ padding: '40px', color: '#666', textAlign: 'center', fontSize: '13px' }}>
+            {activeSearch || selectedFilters.length > 0 ? 'No nodes match your filters.' : 'No nodes yet.'}
+          </div>
+        ) : (
+          <table style={{ minWidth: '1600px', width: '100%', borderCollapse: 'collapse', tableLayout: 'fixed' }}>
+            <thead>
+              <tr style={{ borderBottom: '1px solid rgba(255,255,255,0.06)' }}>
+                <th style={thStyle({ width: '240px' })}>TITLE</th>
+                <th style={thStyle({ width: '55px', textAlign: 'right' })}>ID</th>
+                <th style={thStyle({ width: '200px' })}>DESCRIPTION</th>
+                <th style={thStyle({ width: '160px' })}>NOTES</th>
+                <th style={thStyle({ width: '180px' })}>LINK</th>
+                <th style={thStyle({ width: '160px' })}>DIMENSIONS</th>
+                <th style={thStyle({ width: '50px', textAlign: 'right' })}>EDGES</th>
+                <th style={thStyle({ width: '90px' })}>EVENT</th>
+                <th style={thStyle({ width: '85px' })}>UPDATED</th>
+                <th style={thStyle({ width: '85px' })}>CREATED</th>
+                <th style={thStyle({ width: '160px' })}>METADATA</th>
+                <th style={thStyle({ width: '160px' })}>CHUNK</th>
+                <th style={thStyle({ width: '80px' })}>CHUNK STATUS</th>
+                <th style={thStyle({ width: '85px' })}>EMB UPDATED</th>
+              </tr>
+            </thead>
+            <tbody>
+              {nodes.map((node, i) => {
+                const metaStr = node.metadata
+                  ? (typeof node.metadata === 'string' ? node.metadata : JSON.stringify(node.metadata))
+                  : '';
+                return (
+                  <tr
+                    key={node.id}
+                    onClick={() => onNodeClick(node.id)}
+                    onMouseEnter={() => setHoveredRow(node.id)}
+                    onMouseLeave={() => setHoveredRow(null)}
+                    style={{
+                      height: '44px',
+                      cursor: 'pointer',
+                      background: hoveredRow === node.id
+                        ? '#141414'
+                        : i % 2 === 0 ? '#080808' : '#0d0d0d',
+                      transition: 'background 0.1s ease',
+                    }}
+                  >
+                    {/* Title */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        <span style={{ fontSize: '13px', color: '#e0e0e0', fontWeight: 400 }}>
+                          {node.title || 'Untitled'}
+                        </span>
+                      </div>
+                    </td>
+
+                    {/* ID */}
+                    <td style={tdStyle({ textAlign: 'right' })}>
+                      <span style={{
+                        fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
+                        fontSize: '11px', color: '#555',
+                      }}>
+                        {node.id}
+                      </span>
+                    </td>
+
+                    {/* Description */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        <span style={{ fontSize: '11px', color: '#888' }}>
+                          {node.description || '\u2014'}
+                        </span>
+                      </div>
+                    </td>
+
+                    {/* Notes */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        <span style={{ fontSize: '11px', color: '#888' }}>
+                          {node.notes ? node.notes.slice(0, 120) : '\u2014'}
+                        </span>
+                      </div>
+                    </td>
+
+                    {/* Link */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        {node.link ? (
+                          <span style={{ fontSize: '11px', color: '#6a9fd8', display: 'flex', alignItems: 'center', gap: '4px' }}>
+                            <ExternalLink size={10} style={{ flexShrink: 0 }} />
+                            <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+                              {node.link.replace(/^https?:\/\/(www\.)?/, '')}
+                            </span>
+                          </span>
+                        ) : (
+                          <span style={{ fontSize: '11px', color: '#333' }}>{'\u2014'}</span>
+                        )}
+                      </div>
+                    </td>
+
+                    {/* Dimensions */}
+                    <td style={tdStyle()}>
+                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '3px', overflow: 'hidden', maxHeight: '36px' }}>
+                        {node.dimensions && node.dimensions.length > 0 ? (
+                          <>
+                            {node.dimensions.slice(0, 3).map(d => (
+                              <span key={d} style={{
+                                fontSize: '9px', padding: '1px 5px',
+                                background: '#111914', border: '1px solid #1f2f24',
+                                color: '#bbf7d0', borderRadius: '3px',
+                                whiteSpace: 'nowrap',
+                              }}>
+                                {d}
+                              </span>
+                            ))}
+                            {node.dimensions.length > 3 && (
+                              <span style={{ fontSize: '9px', color: '#555' }}>
+                                +{node.dimensions.length - 3}
+                              </span>
+                            )}
+                          </>
+                        ) : (
+                          <span style={{ fontSize: '10px', color: '#333' }}>{'\u2014'}</span>
+                        )}
+                      </div>
+                    </td>
+
+                    {/* Edges */}
+                    <td style={tdStyle({ textAlign: 'right' })}>
+                      <span style={{ fontSize: '12px', color: node.edge_count ? '#888' : '#333' }}>
+                        {node.edge_count ?? 0}
+                      </span>
+                    </td>
+
+                    {/* Event Date */}
+                    <td style={tdStyle()}>
+                      <span style={{ fontSize: '11px', color: node.event_date ? '#888' : '#333' }}>
+                        {formatDate(node.event_date)}
+                      </span>
+                    </td>
+
+                    {/* Updated */}
+                    <td style={tdStyle()}>
+                      <span style={{ fontSize: '11px', color: '#666' }}>
+                        {formatRelativeTime(node.updated_at)}
+                      </span>
+                    </td>
+
+                    {/* Created */}
+                    <td style={tdStyle()}>
+                      <span style={{ fontSize: '11px', color: '#666' }}>
+                        {formatRelativeTime(node.created_at)}
+                      </span>
+                    </td>
+
+                    {/* Metadata */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        <span style={{ fontSize: '10px', color: '#555', fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace' }}>
+                          {metaStr || '\u2014'}
+                        </span>
+                      </div>
+                    </td>
+
+                    {/* Chunk */}
+                    <td style={tdStyle()}>
+                      <div style={truncCell}>
+                        <span style={{ fontSize: '10px', color: '#555' }}>
+                          {node.chunk ? node.chunk.slice(0, 100) : '\u2014'}
+                        </span>
+                      </div>
+                    </td>
+
+                    {/* Chunk Status */}
+                    <td style={tdStyle()}>
+                      <span style={{
+                        fontSize: '10px',
+                        color: node.chunk_status === 'chunked' ? '#4a9' : node.chunk_status === 'error' ? '#e55' : '#555',
+                      }}>
+                        {node.chunk_status || '\u2014'}
+                      </span>
+                    </td>
+
+                    {/* Embedding Updated */}
+                    <td style={tdStyle()}>
+                      <span style={{ fontSize: '11px', color: '#666' }}>
+                        {node.embedding_updated_at ? formatRelativeTime(node.embedding_updated_at) : '\u2014'}
+                      </span>
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function thStyle(extra: React.CSSProperties = {}): React.CSSProperties {
+  return {
+    position: 'sticky' as const,
+    top: 0,
+    background: '#0a0a0a',
+    padding: '8px 12px',
+    fontSize: '10px',
+    fontWeight: 500,
+    color: '#555',
+    textAlign: 'left',
+    letterSpacing: '0.05em',
+    whiteSpace: 'nowrap',
+    borderBottom: '1px solid rgba(255,255,255,0.06)',
+    zIndex: 1,
+    ...extra,
+  };
+}
+
+function tdStyle(extra: React.CSSProperties = {}): React.CSSProperties {
+  return {
+    padding: '0 12px',
+    verticalAlign: 'middle',
+    borderBottom: '1px solid #111',
+    overflow: 'hidden',
+    ...extra,
+  };
+}
+
+const truncCell: React.CSSProperties = {
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+};
diff --git a/src/components/views/ViewsOverlay.tsx b/src/components/views/ViewsOverlay.tsx
index 6d04c9c..cf2f9a7 100644
--- a/src/components/views/ViewsOverlay.tsx
+++ b/src/components/views/ViewsOverlay.tsx
@@ -1,18 +1,20 @@
 "use client";
 
 import { useEffect, useMemo, useState, useRef, useCallback } from 'react';
-import { Filter, ChevronDown, X, ArrowUpDown } from 'lucide-react';
+import { Filter, ChevronDown, X, ArrowUpDown, GripVertical } from 'lucide-react';
 import type { Node } from '@/types/database';
 import { getNodeIcon } from '@/utils/nodeIcons';
 import { useDimensionIcons } from '@/context/DimensionIconsContext';
 import { usePersistentState } from '@/hooks/usePersistentState';
+import type { PendingNode } from '../layout/ThreePanelLayout';
 
-type SortOrder = 'updated' | 'edges' | 'created';
+type SortOrder = 'updated' | 'edges' | 'created' | 'custom';
 
 const SORT_LABELS: Record<SortOrder, string> = {
   updated: 'Updated',
   edges: 'Edges',
   created: 'Created',
+  custom: 'Custom',
 };
 
 interface ColumnFilter {
@@ -27,13 +29,112 @@ interface DimensionSummary {
   description?: string | null;
 }
 
+const INPUT_TYPE_LABELS: Record<string, string> = {
+  youtube: 'Extracting YouTube video...',
+  website: 'Extracting webpage...',
+  pdf: 'Extracting PDF...',
+  note: 'Creating note...',
+  chat: 'Importing transcript...',
+};
+
+function PendingNodeCard({ pending, onDismiss }: { pending: PendingNode; onDismiss?: () => void }) {
+  const isError = pending.status === 'error';
+  return (
+    <div style={{
+      padding: '10px 12px',
+      background: 'transparent',
+      borderBottom: '1px solid #141414',
+      borderLeft: `3px solid ${isError ? '#ef4444' : '#22c55e'}`,
+      opacity: 0.8,
+    }}>
+      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
+        <div style={{
+          width: '32px',
+          height: '32px',
+          borderRadius: '8px',
+          background: '#141414',
+          border: `1px solid ${isError ? 'rgba(239,68,68,0.3)' : '#1f1f1f'}`,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          flexShrink: 0,
+        }}>
+          {isError ? (
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#ef4444" strokeWidth="2">
+              <path d="M18 6L6 18M6 6l12 12" strokeLinecap="round" strokeLinejoin="round" />
+            </svg>
+          ) : (
+            <span className="pending-spinner" />
+          )}
+        </div>
+        <div style={{ flex: 1, minWidth: 0 }}>
+          <div style={{
+            fontSize: '13px',
+            fontWeight: 500,
+            color: isError ? '#ef4444' : '#888',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+          }}>
+            {isError ? 'Failed' : (INPUT_TYPE_LABELS[pending.inputType] || 'Processing...')}
+          </div>
+          <div style={{
+            fontSize: '11px',
+            color: '#555',
+            marginTop: '2px',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+          }}>
+            {isError && pending.error ? pending.error : pending.input}
+          </div>
+        </div>
+        {isError && onDismiss && (
+          <button
+            onClick={(e) => { e.stopPropagation(); onDismiss(); }}
+            style={{
+              padding: '4px',
+              background: 'transparent',
+              border: 'none',
+              color: '#555',
+              cursor: 'pointer',
+              borderRadius: '4px',
+              display: 'flex',
+              flexShrink: 0,
+            }}
+            onMouseEnter={(e) => { e.currentTarget.style.color = '#ef4444'; }}
+            onMouseLeave={(e) => { e.currentTarget.style.color = '#555'; }}
+          >
+            <X size={14} />
+          </button>
+        )}
+      </div>
+      <style jsx>{`
+        .pending-spinner {
+          width: 14px;
+          height: 14px;
+          border: 2px solid #22c55e;
+          border-top-color: transparent;
+          border-radius: 50%;
+          animation: pendingSpin 0.8s linear infinite;
+        }
+        @keyframes pendingSpin {
+          to { transform: rotate(360deg); }
+        }
+      `}</style>
+    </div>
+  );
+}
+
 interface ViewsOverlayProps {
   onNodeClick: (nodeId: number) => void;
   onNodeOpenInOtherPane?: (nodeId: number) => void;
   refreshToken?: number;
+  pendingNodes?: PendingNode[];
+  onDismissPending?: (id: string) => void;
 }
 
-export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refreshToken = 0 }: ViewsOverlayProps) {
+export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refreshToken = 0, pendingNodes, onDismissPending }: ViewsOverlayProps) {
   const { dimensionIcons } = useDimensionIcons();
 
   // Dimensions for filter picker
@@ -43,6 +144,13 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
   // Sort order (persisted)
   const [sortOrder, setSortOrder] = usePersistentState<SortOrder>('ui.feedSortOrder', 'updated');
 
+  // Custom order (persisted) — stores node IDs in user-defined order
+  const [customOrder, setCustomOrder] = usePersistentState<number[]>('ui.feedCustomOrder', []);
+
+  // Drag-to-reorder state
+  const [reorderDragIndex, setReorderDragIndex] = useState<number | null>(null);
+  const [reorderDropIndex, setReorderDropIndex] = useState<number | null>(null);
+
   // Filter system state
   const [columns, setColumns] = useState<ColumnFilter[]>([]);
   const [filteredNodes, setFilteredNodes] = useState<Node[]>([]);
@@ -86,18 +194,37 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
   const fetchAllNodes = useCallback(async () => {
     setFilteredNodesLoading(true);
     try {
-      const response = await fetch(`/api/nodes?limit=500&sortBy=${sortOrder}`);
+      // Custom sort fetches with 'updated' then reorders client-side
+      const apiSort = sortOrder === 'custom' ? 'updated' : sortOrder;
+      const response = await fetch(`/api/nodes?limit=500&sortBy=${apiSort}`);
       const data = await response.json();
       if (!response.ok || !data.success) {
         throw new Error(data.error || 'Failed to fetch nodes');
       }
-      setFilteredNodes(data.data || []);
+      const nodes: Node[] = data.data || [];
+      if (sortOrder === 'custom' && customOrder.length > 0) {
+        // Reorder nodes based on saved custom order
+        const orderMap = new Map(customOrder.map((id, idx) => [id, idx]));
+        const ordered: Node[] = [];
+        const unordered: Node[] = [];
+        for (const node of nodes) {
+          if (orderMap.has(node.id)) {
+            ordered.push(node);
+          } else {
+            unordered.push(node); // New nodes not in custom order — append at bottom
+          }
+        }
+        ordered.sort((a, b) => (orderMap.get(a.id) ?? 0) - (orderMap.get(b.id) ?? 0));
+        setFilteredNodes([...ordered, ...unordered]);
+      } else {
+        setFilteredNodes(nodes);
+      }
     } catch (error) {
       console.error('Error fetching nodes:', error);
     } finally {
       setFilteredNodesLoading(false);
     }
-  }, [sortOrder]);
+  }, [sortOrder, customOrder]);
 
   const fetchFilteredNodes = useCallback(async (filters: string[]) => {
     if (filters.length === 0) {
@@ -106,18 +233,35 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
     }
     setFilteredNodesLoading(true);
     try {
-      const response = await fetch(`/api/nodes?limit=500&sortBy=${sortOrder}&dimensions=${encodeURIComponent(filters.join(','))}&dimensionsMatch=all`);
+      const apiSort = sortOrder === 'custom' ? 'updated' : sortOrder;
+      const response = await fetch(`/api/nodes?limit=500&sortBy=${apiSort}&dimensions=${encodeURIComponent(filters.join(','))}&dimensionsMatch=all`);
       const data = await response.json();
       if (!response.ok || !data.success) {
         throw new Error(data.error || 'Failed to fetch nodes');
       }
-      setFilteredNodes(data.data || []);
+      const nodes: Node[] = data.data || [];
+      if (sortOrder === 'custom' && customOrder.length > 0) {
+        const orderMap = new Map(customOrder.map((id, idx) => [id, idx]));
+        const ordered: Node[] = [];
+        const unordered: Node[] = [];
+        for (const node of nodes) {
+          if (orderMap.has(node.id)) {
+            ordered.push(node);
+          } else {
+            unordered.push(node);
+          }
+        }
+        ordered.sort((a, b) => (orderMap.get(a.id) ?? 0) - (orderMap.get(b.id) ?? 0));
+        setFilteredNodes([...ordered, ...unordered]);
+      } else {
+        setFilteredNodes(nodes);
+      }
     } catch (error) {
       console.error('Error fetching filtered nodes:', error);
     } finally {
       setFilteredNodesLoading(false);
     }
-  }, [fetchAllNodes, sortOrder]);
+  }, [fetchAllNodes, sortOrder, customOrder]);
 
   // Stringify filters for stable dependency
   const filtersKey = selectedFilters.join(',');
@@ -192,9 +336,29 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
     return () => document.removeEventListener('mousedown', handleClickOutside);
   }, [showFilterPicker, showSortDropdown]);
 
+  // Reorder handlers
+  const handleReorderDrop = useCallback((dropIdx: number) => {
+    if (reorderDragIndex === null || reorderDragIndex === dropIdx) {
+      setReorderDragIndex(null);
+      setReorderDropIndex(null);
+      return;
+    }
+    // Reorder filteredNodes and persist
+    const newNodes = [...filteredNodes];
+    const [moved] = newNodes.splice(reorderDragIndex, 1);
+    newNodes.splice(dropIdx > reorderDragIndex ? dropIdx - 1 : dropIdx, 0, moved);
+    setFilteredNodes(newNodes);
+    setCustomOrder(newNodes.map(n => n.id));
+    setReorderDragIndex(null);
+    setReorderDropIndex(null);
+  }, [reorderDragIndex, filteredNodes, setCustomOrder]);
+
   // Render node card
-  const renderNodeCard = (node: Node) => {
+  const renderNodeCard = (node: Node, index: number) => {
     const nodeIcon = getNodeIcon(node, dimensionIcons, 18);
+    const isCustomSort = sortOrder === 'custom';
+    const isDragSource = reorderDragIndex === index;
+    const isDropTarget = reorderDropIndex === index;
 
     // Description preview — first meaningful line, truncated
     const descPreview = node.description && node.description.length > 10
@@ -212,6 +376,21 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
           e.dataTransfer.setData('application/node-info', JSON.stringify({ id: node.id, title, dimensions: node.dimensions || [] }));
           e.dataTransfer.setData('text/plain', `[NODE:${node.id}:"${title}"]`);
         }}
+        onDragOver={(e) => {
+          if (!isCustomSort || reorderDragIndex === null) return;
+          e.preventDefault();
+          e.dataTransfer.dropEffect = 'move';
+          setReorderDropIndex(index);
+        }}
+        onDragLeave={() => {
+          if (!isCustomSort) return;
+          setReorderDropIndex(null);
+        }}
+        onDrop={(e) => {
+          if (!isCustomSort || reorderDragIndex === null) return;
+          e.preventDefault();
+          handleReorderDrop(index);
+        }}
         style={{
           padding: '10px 12px',
           background: 'transparent',
@@ -219,6 +398,8 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
           transition: 'all 0.15s ease',
           borderBottom: '1px solid #141414',
           borderLeft: '3px solid transparent',
+          opacity: isDragSource ? 0.4 : 1,
+          borderTop: isDropTarget ? '2px solid #22c55e' : '2px solid transparent',
         }}
         onMouseEnter={(e) => {
           e.currentTarget.style.background = 'rgba(255,255,255,0.02)';
@@ -234,6 +415,38 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
         }}
       >
         <div style={{ display: 'flex', alignItems: 'flex-start', gap: '10px' }}>
+          {/* Grip handle — only in custom sort mode */}
+          {isCustomSort && (
+            <div
+              draggable
+              onDragStart={(e) => {
+                e.stopPropagation();
+                setReorderDragIndex(index);
+                e.dataTransfer.effectAllowed = 'move';
+                e.dataTransfer.setData('application/x-rah-reorder', String(index));
+              }}
+              onDragEnd={() => {
+                setReorderDragIndex(null);
+                setReorderDropIndex(null);
+              }}
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '16px',
+                cursor: 'grab',
+                color: '#444',
+                flexShrink: 0,
+                alignSelf: 'center',
+                transition: 'color 0.15s ease',
+              }}
+              onMouseEnter={(e) => { e.currentTarget.style.color = '#888'; }}
+              onMouseLeave={(e) => { e.currentTarget.style.color = '#444'; }}
+              onClick={(e) => e.stopPropagation()}
+            >
+              <GripVertical size={14} />
+            </div>
+          )}
           <div style={{
             width: '32px',
             height: '32px',
@@ -622,7 +835,14 @@ export default function ViewsOverlay({ onNodeClick, onNodeOpenInOtherPane, refre
           flexDirection: 'column',
           gap: '8px'
         }}>
-          {filteredNodes.map(node => renderNodeCard(node))}
+          {pendingNodes && pendingNodes.length > 0 && pendingNodes.map(p => (
+            <PendingNodeCard
+              key={p.id}
+              pending={p}
+              onDismiss={onDismissPending ? () => onDismissPending(p.id) : undefined}
+            />
+          ))}
+          {filteredNodes.map((node, index) => renderNodeCard(node, index))}
         </div>
       )}
     </div>
diff --git a/src/config/guides/system/creating-nodes.md b/src/config/guides/system/creating-nodes.md
index b7beb0b..79057f8 100644
--- a/src/config/guides/system/creating-nodes.md
+++ b/src/config/guides/system/creating-nodes.md
@@ -28,11 +28,21 @@ When creating a node derived from existing content:
 ## Dimension Assignment
 
 - New nodes should be assigned to relevant existing dimensions
-- Check locked/priority dimensions — these auto-assign
+- Check priority dimensions — assign these when relevant
 - If no existing dimension fits, create a new one (but prefer existing)
 
 ## Description Field
 
-- AI auto-generates a ~1 sentence description after creation
-- Description is used for embeddings and search ranking (5x boost)
-- Format: what is this node about, in plain language
+The description is the most important field for AI context. It powers search (5x boost),
+appears in system prompts, and determines how agents understand the node.
+
+**Standard:** State WHAT this is + WHY it matters. Extremely concise, high-level. Max 280 characters.
+
+**Rules:**
+- NO weak verbs: "discusses", "explores", "examines", "talks about"
+- State the actual claim, insight, or purpose directly
+- Include significance or implication in 1 phrase
+- If auto-generated (omitted), the system will generate one — but agent-written descriptions are always better
+
+**Good:** "By Karpathy — Software is becoming fluid: agents can rip functionality from repos instead of taking dependencies."
+**Bad:** "This article discusses the importance of software becoming more fluid."
diff --git a/src/services/agents/quickAdd.ts b/src/services/agents/quickAdd.ts
index a35d6bb..e2562fd 100644
--- a/src/services/agents/quickAdd.ts
+++ b/src/services/agents/quickAdd.ts
@@ -51,16 +51,6 @@ function buildTaskPrompt(type: QuickAddInputType, input: string): string {
   }
 }
 
-function buildExpectedOutcome(type: QuickAddInputType): string {
-  if (type === 'note') {
-    return 'Call createNode with the user input as content. Use a descriptive title extracted from the first few words. Set dimensions to an empty array. Return a brief confirmation like "Created note [NODE:id:title]"';
-  }
-  if (type === 'chat') {
-    return 'Store the entire transcript in chunk_content, summarize the conversation into content, and return a confirmation like "Created chat transcript node [NODE:id:title]"';
-  }
-  return 'Use the appropriate extraction tool (youtubeExtract, websiteExtract, or paperExtract) to create the node. Return the standard extraction summary.';
-}
-
 type ExtractionQuickAddType = Extract<QuickAddInputType, 'youtube' | 'website' | 'pdf'>;
 
 const EXTRACTION_TOOL_MAP = {
@@ -207,7 +197,7 @@ async function handleNoteQuickAdd(rawInput: string, task: string, userDescriptio
   const title = deriveNoteTitle(content);
   const nodePayload: Record<string, unknown> = {
     title,
-    content,
+    notes: content,
     metadata: {
       source: 'quick-add-note',
       refined_at: new Date().toISOString(),
@@ -312,7 +302,7 @@ async function handleChatTranscriptQuickAdd(rawInput: string, task: string): Pro
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({
       title,
-      content,
+      notes: content,
       chunk: transcript,
       metadata,
     }),
@@ -341,41 +331,58 @@ async function handleChatTranscriptQuickAdd(rawInput: string, task: string): Pro
 }
 
 export interface QuickAddResult {
-  success: boolean;
+  id: string;
+  task: string;
+  inputType: QuickAddInputType;
+  status: 'queued' | 'completed' | 'failed';
   summary?: string;
   error?: string;
-  nodeId?: number;
 }
 
 export async function enqueueQuickAdd({ rawInput, mode, description }: QuickAddInput): Promise<QuickAddResult> {
   const inputType = detectInputType(rawInput, mode);
   const task = buildTaskPrompt(inputType, rawInput);
+  const id = `qa_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 
-  try {
-    let summary: string;
-    if (inputType === 'note') {
-      summary = await handleNoteQuickAdd(rawInput, task, description);
-    } else if (inputType === 'chat') {
-      summary = await handleChatTranscriptQuickAdd(rawInput, task);
-    } else {
-      summary = await handleExtractionQuickAdd(inputType as ExtractionQuickAddType, rawInput, task);
-    }
+  const result: QuickAddResult = {
+    id,
+    task,
+    inputType,
+    status: 'queued',
+  };
 
-    // Extract node ID from summary if present
-    const nodeIdMatch = summary.match(/\[NODE:(\d+)/);
-    const nodeId = nodeIdMatch ? parseInt(nodeIdMatch[1], 10) : undefined;
+  // Run async - fire and forget
+  setImmediate(async () => {
+    try {
+      let summary: string;
+      if (inputType === 'note') {
+        summary = await handleNoteQuickAdd(rawInput, task, description);
+      } else if (inputType === 'chat') {
+        summary = await handleChatTranscriptQuickAdd(rawInput, task);
+      } else {
+        summary = await handleExtractionQuickAdd(inputType as ExtractionQuickAddType, rawInput, task);
+      }
 
-    // Broadcast node created event
-    if (nodeId) {
+      console.log(`[QuickAdd] Completed: ${task}`);
+      // Broadcast completion so ThreePanelLayout can remove the pending placeholder
+      eventBroadcaster.broadcast({
+        type: 'QUICK_ADD_COMPLETED',
+        data: { quickAddId: id, source: 'quick-add' }
+      });
+      // Also broadcast NODE_CREATED to refresh the feed
       eventBroadcaster.broadcast({
         type: 'NODE_CREATED',
-        data: { node: { id: nodeId, title: 'Quick Add' } }
+        data: { node: { title: task }, source: 'quick-add' }
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'unknown error';
+      console.error(`[QuickAdd] Failed: ${task} - ${message}`);
+      eventBroadcaster.broadcast({
+        type: 'QUICK_ADD_FAILED',
+        data: { quickAddId: id, error: message, source: 'quick-add' }
       });
     }
+  });
 
-    return { success: true, summary, nodeId };
-  } catch (error) {
-    const message = error instanceof Error ? error.message : 'unknown error';
-    return { success: false, error: `Quick Add failed: ${message}` };
-  }
+  return result;
 }
diff --git a/src/services/database/descriptionService.ts b/src/services/database/descriptionService.ts
index 9c3a67b..96f6227 100644
--- a/src/services/database/descriptionService.ts
+++ b/src/services/database/descriptionService.ts
@@ -40,7 +40,7 @@ export function generateFallbackDescription(input: DescriptionInput): string {
     return `${parts.join(' — ')}: ${title.slice(0, 200)}`;
   }
 
-  return `Knowledge item: ${title.slice(0, 250)}`;
+  return title.slice(0, 280);
 }
 
 /**
@@ -133,20 +133,24 @@ function buildDescriptionPrompt(input: DescriptionInput): string {
   const contentPreview = input.notes?.slice(0, 800) || '';
   if (contentPreview) lines.push(`Notes: ${contentPreview}${input.notes && input.notes.length > 800 ? '...' : ''}`);
 
-  return `Your job is to answer: "what is this?" in one short line. Max 280 characters.
+  return `Write a description for this knowledge node. Max 280 characters.
 
-GOAL: Include "who created it" when possible.
+Say WHAT this literally is and WHY it matters. Be concrete and specific — like you're telling a friend what this thing is in one breath.
 
-RULES (in priority order):
-1) ONLY use a creator if you have a creator hint (Author/Channel) or the content explicitly says "by <X>" / "hosted by <X>".
-   - Do NOT treat prominent people in the title/transcript (e.g. a guest) as the creator.
-   - If a creator hint is provided, prefer it.
-2) If you can identify a creator/author/channel/person/org from a creator hint, start with: "By <creator> — ..."
-3) If it's likely user-authored, start with: "Your <thing> — ..." (don't invent a creator name).
-4) If creator is unknown, do NOT guess; omit the byline.
+RULES:
+1) Name the format: "Podcast episode where…", "Blog post arguing…", "Your note on…", "Research paper showing…", "Idea that…"
+2) Name people by role — channel/host is the creator, title figures are guests/subjects. Use the Creator hint if available.
+3) State the actual claim, finding, or insight from the content — not a vague summary of the topic.
+4) End with why it's interesting or important — one concrete phrase.
+5) ABSOLUTELY FORBIDDEN — these words will be rejected: "discusses", "explores", "examines", "talks about", "is about", "delves into", "emphasizing the need for". State things directly instead.
 
-Then, in the remainder, state what it is (video/paper/article/note/idea/etc) + what it's about (high-signal).
-If unsure, say so briefly.
+GOOD: "Karpathy blog post — AI agents make software fluid, ripping functionality from repos instead of taking dependencies. Signals the end of monolithic libraries."
+GOOD: "Dwarkesh Patel interview with Anthropic CEO Dario Amodei — argues we're nearing the end of exponential AI scaling. Key signal for what comes next."
+GOOD: "Your note — morning optimism consistently reverses to evening pessimism. Not energy — the belief itself flips. Pattern worth tracking."
+BAD: "By Dario Amodei — discusses reaching the limits of exponential growth in AI, emphasizing the need for a critical perspective on future advancements."
+BAD: "This article explores ideas about how software is changing."
+
+Return ONLY the description text. Nothing else.
 
 ${lines.join('\n')}`;
 }
diff --git a/src/services/database/nodes.ts b/src/services/database/nodes.ts
index 0c4c0a4..e1694f9 100644
--- a/src/services/database/nodes.ts
+++ b/src/services/database/nodes.ts
@@ -7,6 +7,46 @@ export class NodeService {
     return this.getNodesSQLite(filters);
   }
 
+  async countNodes(filters: NodeFilters = {}): Promise<number> {
+    const { dimensions, search, dimensionsMatch = 'any',
+            createdAfter, createdBefore, eventAfter, eventBefore } = filters;
+    const sqlite = getSQLiteClient();
+
+    let query = `SELECT COUNT(*) as total FROM nodes n WHERE 1=1`;
+    const params: any[] = [];
+
+    if (dimensions && dimensions.length > 0) {
+      if (dimensionsMatch === 'all' && dimensions.length > 1) {
+        query += ` AND (
+          SELECT COUNT(DISTINCT nd.dimension) FROM node_dimensions nd
+          WHERE nd.node_id = n.id
+          AND nd.dimension IN (${dimensions.map(() => '?').join(',')})
+        ) = ?`;
+        params.push(...dimensions, dimensions.length);
+      } else {
+        query += ` AND EXISTS (
+          SELECT 1 FROM node_dimensions nd
+          WHERE nd.node_id = n.id
+          AND nd.dimension IN (${dimensions.map(() => '?').join(',')})
+        )`;
+        params.push(...dimensions);
+      }
+    }
+
+    if (search) {
+      query += ` AND (n.title LIKE ? COLLATE NOCASE OR n.description LIKE ? COLLATE NOCASE OR n.notes LIKE ? COLLATE NOCASE)`;
+      params.push(`%${search}%`, `%${search}%`, `%${search}%`);
+    }
+
+    if (createdAfter) { query += ` AND n.created_at >= ?`; params.push(createdAfter); }
+    if (createdBefore) { query += ` AND n.created_at < ?`; params.push(createdBefore); }
+    if (eventAfter) { query += ` AND n.event_date >= ?`; params.push(eventAfter); }
+    if (eventBefore) { query += ` AND n.event_date < ?`; params.push(eventBefore); }
+
+    const result = sqlite.query<{ total: number }>(query, params);
+    return result.rows[0]?.total ?? 0;
+  }
+
   // PostgreSQL path removed in SQLite-only consolidation
 
   private async getNodesSQLite(filters: NodeFilters = {}): Promise<Node[]> {
@@ -94,6 +134,8 @@ export class NodeService {
       query += ' ORDER BY edge_count DESC, n.updated_at DESC';
     } else if (sortBy === 'created') {
       query += ' ORDER BY n.created_at DESC';
+    } else if (sortBy === 'event_date') {
+      query += ' ORDER BY n.event_date IS NULL, n.event_date DESC, n.updated_at DESC';
     } else {
       query += ' ORDER BY n.updated_at DESC';
     }
diff --git a/src/services/events.ts b/src/services/events.ts
index 83fcc5a..60232ce 100644
--- a/src/services/events.ts
+++ b/src/services/events.ts
@@ -16,6 +16,8 @@ export interface DatabaseEvent {
     | 'AGENT_DELEGATION_CREATED'
     | 'AGENT_DELEGATION_UPDATED'
     | 'GUIDE_UPDATED'
+    | 'QUICK_ADD_COMPLETED'
+    | 'QUICK_ADD_FAILED'
     | 'CONNECTION_ESTABLISHED';
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   data: any;
diff --git a/src/tools/database/createNode.ts b/src/tools/database/createNode.ts
index ed29ce8..10d451e 100644
--- a/src/tools/database/createNode.ts
+++ b/src/tools/database/createNode.ts
@@ -6,8 +6,10 @@ export const createNodeTool = tool({
   description: 'Create node with title/content/link and optional dimensions (locked dimensions auto-assigned)',
   inputSchema: z.object({
     title: z.string().describe('The title of the node'),
-    notes: z.string().optional().describe('The main notes, description, or notes for this node'),
+    description: z.string().max(280).optional().describe('WHAT this is + WHY it matters. Extremely concise. No "discusses/explores". Auto-generated if omitted.'),
+    notes: z.string().optional().describe('The main notes or content for this node'),
     link: z.string().optional().describe('A URL link to the source'),
+    event_date: z.string().optional().describe('ISO date string for time-anchored nodes (e.g. meetings, events)'),
     dimensions: z
       .array(z.string())
       .max(5)
diff --git a/src/tools/database/updateNode.ts b/src/tools/database/updateNode.ts
index e0324ee..513d484 100644
--- a/src/tools/database/updateNode.ts
+++ b/src/tools/database/updateNode.ts
@@ -7,8 +7,10 @@ export const updateNodeTool = tool({
     id: z.number().describe('The ID of the node to update'),
     updates: z.object({
       title: z.string().optional().describe('New title'),
-      notes: z.string().optional().describe('New content/description/notes'),
+      description: z.string().max(280).optional().describe('New description (overwrites existing). WHAT this is + WHY it matters. No "discusses/explores".'),
+      notes: z.string().optional().describe('New notes (appended to existing)'),
       link: z.string().optional().describe('New link'),
+      event_date: z.string().optional().describe('ISO date string for time-anchored nodes'),
       dimensions: z.array(z.string()).optional().describe('New dimension tags - completely replaces existing dimensions'),
       chunk: z.string().optional().describe('New chunk content'),
       metadata: z.record(z.any()).optional().describe('New metadata - completely replaces existing metadata')
@@ -79,7 +81,7 @@ export const updateNodeTool = tool({
       // Call the nodes API endpoint
       const response = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000'}/api/nodes/${id}`, {
         method: 'PUT',
-        headers: { 'Notes-Type': 'application/json' },
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(updates)
       });
 
diff --git a/src/tools/other/paperExtract.ts b/src/tools/other/paperExtract.ts
index 463fcbf..b990de1 100644
--- a/src/tools/other/paperExtract.ts
+++ b/src/tools/other/paperExtract.ts
@@ -8,43 +8,51 @@ import { formatNodeForChat } from '../infrastructure/nodeFormatter';
 // AI-powered content analysis
 async function analyzeContentWithAI(title: string, description: string, contentType: string) {
   try {
-    const prompt = `Analyze this ${contentType} content and provide classification:
+    const prompt = `Analyze this ${contentType} content and provide classification.
 
 Title: "${title}"
 Description: "${description}"
 
+CRITICAL — nodeDescription rules (max 280 chars):
+1. Say WHAT this literally is: "Paper by…", "Research from…", "Preprint introducing…"
+2. Name the authors if known from the metadata.
+3. State the actual finding, method, or contribution — not "a study on X" but what they actually found or built.
+4. End with why it matters — one concrete phrase about impact or implication.
+5. ABSOLUTELY FORBIDDEN: "discusses", "explores", "examines", "talks about", "delves into", "emphasizing the need for". State things directly.
+
+Examples:
+- Title: "Attention Is All You Need" / Authors: Vaswani et al.
+  GOOD: "Vaswani et al. introduce the Transformer architecture — replaces recurrence with self-attention for sequence modeling. Foundation of every modern LLM."
+  BAD: "This paper discusses a new architecture called the Transformer and explores its applications."
+
+- Title: "Scaling Laws for Neural Language Models" / Authors: Kaplan et al.
+  GOOD: "Kaplan et al. show that LLM performance scales as a power law with compute, data, and parameters — and compute matters most. The paper that launched the scaling era."
+  BAD: "A study examining how neural language models scale with different factors."
+
 Respond with ONLY valid JSON (no markdown, no code blocks):
 {
-  "enhancedDescription": "A comprehensive summary of what this content is about (can be several paragraphs, up to ~1500 characters)",
-  "tags": ["relevant", "semantic", "tags", "like", "ai", "economics", "research"],
-  "reasoning": "Brief explanation of why you chose these categories"
-}
-
-Guidelines:
-- enhancedDescription should be thorough - cover key points, arguments, and takeaways
-- Aim for 3-6 paragraphs or 800-1500 characters - don't artificially truncate
-- Include 3-8 relevant semantic tags (not just generic ones)
-- For academic papers, include tags like: research, academic, paper, plus domain-specific tags
-- For AI/ML papers, include: ai, machine-learning, artificial-intelligence, deep-learning
-- For economics papers, include: economics, finance, markets, policy
-- Be specific and insightful
-- Return ONLY the JSON object, no other text`;
+  "enhancedDescription": "A comprehensive summary (3-6 paragraphs, 800-1500 chars). Cover key points, arguments, takeaways.",
+  "nodeDescription": "<your 280-char description following the rules above>",
+  "tags": ["relevant", "semantic", "tags"],
+  "reasoning": "Brief explanation of classification choices"
+}`;
 
     const response = await generateText({
-      model: openai('gpt-5-mini'),
+      model: openai('gpt-4o-mini'),
       prompt,
       maxOutputTokens: 800
     });
 
     let content = response.text || '{}';
-    
+
     // Clean up the response - remove markdown code blocks if present
     content = content.replace(/```json\s*/g, '').replace(/```\s*/g, '').trim();
-    
+
     const result = JSON.parse(content);
 
     return {
       enhancedDescription: result.enhancedDescription || description,
+      nodeDescription: typeof result.nodeDescription === 'string' ? result.nodeDescription.slice(0, 280) : undefined,
       tags: Array.isArray(result.tags) ? result.tags : [],
       reasoning: result.reasoning || 'AI analysis completed'
     };
@@ -53,6 +61,7 @@ Guidelines:
     console.warn('Paper analysis fallback (using default description):', message);
     return {
       enhancedDescription: description,
+      nodeDescription: undefined,
       tags: [],
       reasoning: 'Fallback description used'
     };
@@ -143,6 +152,7 @@ export const paperExtractTool = tool({
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           title: nodeTitle,
+          description: aiAnalysis?.nodeDescription,
           notes: enhancedDescription,
           link: url,
           dimensions: trimmedDimensions,
diff --git a/src/tools/other/websiteExtract.ts b/src/tools/other/websiteExtract.ts
index 7085b05..86bacdc 100644
--- a/src/tools/other/websiteExtract.ts
+++ b/src/tools/other/websiteExtract.ts
@@ -8,42 +8,51 @@ import { formatNodeForChat } from '../infrastructure/nodeFormatter';
 // AI-powered content analysis
 async function analyzeContentWithAI(title: string, description: string, contentType: string) {
   try {
-    const prompt = `Analyze this ${contentType} content and provide classification:
+    const prompt = `Analyze this ${contentType} content and provide classification.
 
 Title: "${title}"
 Description: "${description}"
 
+CRITICAL — nodeDescription rules (max 280 chars):
+1. Say WHAT this literally is: "Blog post by…", "Article from…", "Essay arguing…", "Tutorial on…", "Thread by…"
+2. Name the author/site if known from the metadata.
+3. State the actual claim or thesis — don't paraphrase into vague abstractions.
+4. End with why it's interesting or important — one concrete phrase.
+5. ABSOLUTELY FORBIDDEN: "discusses", "explores", "examines", "talks about", "delves into", "emphasizing the need for". State things directly.
+
+Examples:
+- Title: "Software is eating the world — again" / Author: Andrej Karpathy
+  GOOD: "Karpathy's blog post arguing AI agents make software fluid — they can rip functionality from repos instead of taking dependencies. Signals the end of monolithic libraries."
+  BAD: "By Karpathy — discusses the importance of software becoming more fluid and malleable with agents."
+
+- Title: "The case for slowing down AI" / Site: The Atlantic
+  GOOD: "Atlantic article making the case that AI labs should voluntarily slow capability research until safety catches up. Notable because it cites internal lab disagreements."
+  BAD: "This article explores ideas about slowing down AI development and its implications."
+
 Respond with ONLY valid JSON (no markdown, no code blocks):
 {
-  "enhancedDescription": "A comprehensive summary of what this content is about (can be several paragraphs, up to ~1500 characters)",
-  "tags": ["relevant", "semantic", "tags", "like", "ai", "economics", "research"],
-  "reasoning": "Brief explanation of why you chose these categories"
-}
-
-Guidelines:
-- enhancedDescription should be thorough - cover key points, arguments, and takeaways
-- Aim for 3-6 paragraphs or 800-1500 characters - don't artificially truncate
-- Include 3-8 relevant semantic tags (not just generic ones)
-- For AI/ML content, include tags like: ai, machine-learning, artificial-intelligence, deep-learning
-- For economics content, include: economics, finance, markets, policy
-- Be specific and insightful
-- Return ONLY the JSON object, no other text`;
+  "enhancedDescription": "A comprehensive summary (3-6 paragraphs, 800-1500 chars). Cover key points, arguments, takeaways.",
+  "nodeDescription": "<your 280-char description following the rules above>",
+  "tags": ["relevant", "semantic", "tags"],
+  "reasoning": "Brief explanation of classification choices"
+}`;
 
     const response = await generateText({
-      model: openai('gpt-5-mini'),
+      model: openai('gpt-4o-mini'),
       prompt,
       maxOutputTokens: 800
     });
 
     let content = response.text || '{}';
-    
+
     // Clean up the response - remove markdown code blocks if present
     content = content.replace(/```json\s*/g, '').replace(/```\s*/g, '').trim();
-    
+
     const result = JSON.parse(content);
 
     return {
       enhancedDescription: result.enhancedDescription || description,
+      nodeDescription: typeof result.nodeDescription === 'string' ? result.nodeDescription.slice(0, 280) : undefined,
       tags: Array.isArray(result.tags) ? result.tags : [],
       reasoning: result.reasoning || 'AI analysis completed'
     };
@@ -52,6 +61,7 @@ Guidelines:
     console.warn('Website analysis fallback (using default description):', message);
     return {
       enhancedDescription: description,
+      nodeDescription: undefined,
       tags: [],
       reasoning: 'Fallback description used'
     };
@@ -134,6 +144,7 @@ export const websiteExtractTool = tool({
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           title: nodeTitle,
+          description: aiAnalysis?.nodeDescription,
           notes: enhancedDescription,
           link: url,
           dimensions: trimmedDimensions,
diff --git a/src/tools/other/youtubeExtract.ts b/src/tools/other/youtubeExtract.ts
index 468eff8..608cecf 100644
--- a/src/tools/other/youtubeExtract.ts
+++ b/src/tools/other/youtubeExtract.ts
@@ -5,61 +5,55 @@ import { generateText } from 'ai';
 import { extractYouTube } from '@/services/typescript/extractors/youtube';
 import { formatNodeForChat } from '../infrastructure/nodeFormatter';
 
-// Available segments for categorization - match database constraint
-const AVAILABLE_SEGMENTS = [
-  'inbox', 'parking', 'in progress', 'archive'
-];
-
 // AI-powered content analysis
 async function analyzeContentWithAI(title: string, description: string, contentType: string) {
   try {
-    const prompt = `Analyze this ${contentType} content and provide classification:
+    const prompt = `Analyze this ${contentType} content and provide classification.
 
 Title: "${title}"
 Description: "${description}"
 
-Available types: ${AVAILABLE_SEGMENTS.join(', ')}
+CRITICAL — nodeDescription rules (max 280 chars):
+1. Say WHAT this literally is: "Podcast episode where…", "Talk by…", "Interview with…", "Video essay on…"
+2. Name people by their role: the channel/host is the creator, anyone in the title is likely the guest or subject.
+3. State the actual claim or thesis from the title — don't paraphrase into vague abstractions.
+4. End with why it's interesting or important — one concrete phrase.
+5. ABSOLUTELY FORBIDDEN: "discusses", "explores", "examines", "talks about", "delves into", "emphasizing the need for". State things directly.
+
+Examples:
+- Title: "Dario Amodei — We are near the end of the exponential" / Channel: Dwarkesh Patel
+  GOOD: "Dwarkesh Patel interview with Anthropic CEO Dario Amodei — argues we're nearing the end of exponential AI scaling. Key signal for what the next phase of AI development looks like."
+  BAD: "By Dario Amodei — discusses reaching the limits of exponential growth in AI, emphasizing the need for a critical perspective."
+
+- Title: "The spell of language models" / Channel: Andrej Karpathy
+  GOOD: "Karpathy talk on how LLMs work under the hood — tokenization, attention, and why they feel like magic but aren't. Essential mental model for anyone building with LLMs."
+  BAD: "By Andrej Karpathy — explores the nature of language models and their capabilities."
 
 Respond with ONLY valid JSON (no markdown, no code blocks):
 {
-  "enhancedDescription": "A comprehensive summary of what this content is about (can be several paragraphs, up to ~1500 characters)",
-  "tags": ["relevant", "semantic", "tags", "like", "ai", "economics", "research"],
-  "segments": ["research"],
-  "reasoning": "Brief explanation of why you chose these categories"
-}
-
-Guidelines:
-- Choose 1 segment that best fits the content type
-- enhancedDescription should be thorough - cover key points, arguments, and takeaways
-- Aim for 3-6 paragraphs or 800-1500 characters - don't artificially truncate
-- Include 3-8 relevant semantic tags (not just generic ones)
-- For AI/ML content, include tags like: ai, machine-learning, artificial-intelligence, deep-learning
-- For economics content, include: economics, finance, markets, policy
-- Be specific and insightful
-- Return ONLY the JSON object, no other text`;
+  "enhancedDescription": "A comprehensive summary (3-6 paragraphs, 800-1500 chars). Cover key points, arguments, takeaways.",
+  "nodeDescription": "<your 280-char description following the rules above>",
+  "tags": ["relevant", "semantic", "tags"],
+  "reasoning": "Brief explanation of classification choices"
+}`;
 
     const response = await generateText({
-      model: openai('gpt-5-mini'),
+      model: openai('gpt-4o-mini'),
       prompt,
       maxOutputTokens: 800
     });
 
     let content = response.text || '{}';
-    
+
     // Clean up the response - remove markdown code blocks if present
     content = content.replace(/```json\s*/g, '').replace(/```\s*/g, '').trim();
-    
+
     const result = JSON.parse(content);
-    
-    // Validate segments are from available list
-    const validSegments = result.segments?.filter((seg: string) => 
-      AVAILABLE_SEGMENTS.includes(seg)
-    ) || [];
 
     return {
       enhancedDescription: result.enhancedDescription || description,
+      nodeDescription: typeof result.nodeDescription === 'string' ? result.nodeDescription.slice(0, 280) : undefined,
       tags: Array.isArray(result.tags) ? result.tags : [],
-      segments: validSegments,
       reasoning: result.reasoning || 'AI analysis completed'
     };
   } catch (error) {
@@ -67,8 +61,8 @@ Guidelines:
     console.warn('YouTube analysis fallback (using default description):', message);
     return {
       enhancedDescription: description,
+      nodeDescription: undefined,
       tags: [],
-      segments: [],
       reasoning: 'Fallback description used'
     };
   }
@@ -79,7 +73,7 @@ async function summariseTranscript(title: string, transcript: string): Promise<s
     return null;
   }
 
-  // Limit transcript length to keep token costs manageable (approx ≤4k tokens for gpt-4o-mini)
+  // Limit transcript length to keep token costs manageable
   const MAX_CHARS = 16000;
   let excerpt = transcript.trim();
   if (excerpt.length > MAX_CHARS) {
@@ -179,8 +173,8 @@ export const youtubeExtractTool = tool({
       // Step 3: Create node with extracted content and AI analysis
       const nodeTitle = title || result.metadata?.video_title || `YouTube Video ${url.split('/').pop()?.split('?')[0]}`;
       const transcriptSummary = await summariseTranscript(nodeTitle, result.chunk || result.notes || '');
-      const content = transcriptSummary || aiAnalysis?.enhancedDescription || `YouTube video by ${result.metadata?.channel_name || 'Unknown Channel'}`;
-      
+      const nodeNotes = transcriptSummary || aiAnalysis?.enhancedDescription || `YouTube video by ${result.metadata?.channel_name || 'Unknown Channel'}`;
+
       const suppliedDimensions = Array.isArray(dimensions) ? dimensions : [];
       let trimmedDimensions = suppliedDimensions
         .map(dim => (typeof dim === 'string' ? dim.trim() : ''))
@@ -193,7 +187,8 @@ export const youtubeExtractTool = tool({
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           title: nodeTitle,
-          content,
+          description: aiAnalysis?.nodeDescription,
+          notes: nodeNotes,
           link: url,
           dimensions: trimmedDimensions,
           chunk: result.chunk || result.notes,
diff --git a/src/types/database.ts b/src/types/database.ts
index 47a7c15..eb9d4fa 100644
--- a/src/types/database.ts
+++ b/src/types/database.ts
@@ -69,7 +69,7 @@ export interface NodeFilters {
   search?: string;           // Text search in title/content
   limit?: number;
   offset?: number;
-  sortBy?: 'updated' | 'edges' | 'created';  // Sort by updated_at, edge count, or created_at
+  sortBy?: 'updated' | 'edges' | 'created' | 'event_date';  // Sort by updated_at, edge count, created_at, or event_date
   dimensionsMatch?: 'any' | 'all';  // 'any' = OR (default), 'all' = AND
   createdAfter?: string;     // ISO date (YYYY-MM-DD) — nodes created on or after
   createdBefore?: string;    // ISO date (YYYY-MM-DD) — nodes created before