@agenticmail/enterprise 0.5.163 → 0.5.165

package/dist/dashboard/pages/agent-detail.js

@@ -1998,13 +1998,37 @@ function MemorySection(props) {
   var filterCategory = _filterCat[0]; var setFilterCategory = _filterCat[1];
   var _filterImp = useState('');
   var filterImportance = _filterImp[0]; var setFilterImportance = _filterImp[1];
+  var _dateFrom = useState('');
+  var dateFrom = _dateFrom[0]; var setDateFrom = _dateFrom[1];
+  var _dateTo = useState('');
+  var dateTo = _dateTo[0]; var setDateTo = _dateTo[1];
+  var _page = useState(1);
+  var page = _page[0]; var setPage = _page[1];
+  var _expanded = useState(null);
+  var expandedId = _expanded[0]; var setExpandedId = _expanded[1];
   var _showCreate = useState(false);
   var showCreateModal = _showCreate[0]; var setShowCreateModal = _showCreate[1];
   var _form = useState({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' });
   var createForm = _form[0]; var setCreateForm = _form[1];
 
+  var PAGE_SIZE = 10;
+
+  var MEMORY_CATEGORIES = [
+    { value: 'org_knowledge', label: 'Org Knowledge' },
+    { value: 'preference', label: 'Preference' },
+    { value: 'interaction_pattern', label: 'Interaction Pattern' },
+    { value: 'context', label: 'Context' },
+    { value: 'skill', label: 'Skill' },
+    { value: 'processed_email', label: 'Processed Email' },
+    { value: 'procedure', label: 'Procedure' },
+    { value: 'relationship', label: 'Relationship' },
+    { value: 'reflection', label: 'Reflection' },
+    { value: 'domain_expertise', label: 'Domain Expertise' },
+    { value: 'error_pattern', label: 'Error Pattern' }
+  ];
+
   var buildQueryParams = function() {
-    var params = '?limit=50';
+    var params = '?limit=200';
     if (searchQuery) params += '&search=' + encodeURIComponent(searchQuery);
     if (filterCategory) params += '&category=' + filterCategory;
     if (filterImportance) params += '&importance=' + filterImportance;
@@ -2012,50 +2036,35 @@ function MemorySection(props) {
   };
 
   var loadMemories = function() {
-    var params = buildQueryParams();
-    engineCall('/memory/agent/' + agentId + params)
-      .then(function(d) { setMemories(d.memories || []); })
+    engineCall('/memory/agent/' + agentId + buildQueryParams())
+      .then(function(d) { setMemories(d.memories || []); setPage(1); })
       .catch(function() {});
   };
 
   var loadStats = function() {
     engineCall('/memory/agent/' + agentId + '/stats')
-      .then(function(d) { setMemoryStats(d); })
+      .then(function(d) { setMemoryStats(d.stats || d); })
       .catch(function() {});
   };
 
-  var loadAll = function() {
-    loadMemories();
-    loadStats();
-  };
+  var loadAll = function() { loadMemories(); loadStats(); };
 
-  useEffect(loadAll, []);
+  useEffect(function() { loadAll(); }, [agentId]);
   useEffect(function() { loadMemories(); }, [filterCategory, filterImportance]);
 
-  var handleSearch = function() {
-    loadMemories();
-  };
+  var handleSearch = function() { loadMemories(); };
 
   var createMemory = function() {
-    if (!createForm.title || !createForm.content) { toast('Title and content are required', 'error'); return; }
-    var tagsArray = createForm.tags ? createForm.tags.split(',').map(function(s) { return s.trim(); }).filter(Boolean) : [];
     var body = {
       agentId: agentId,
-      orgId: getOrgId(),
       title: createForm.title,
       content: createForm.content,
       category: createForm.category,
       importance: createForm.importance,
-      source: 'admin',
-      tags: tagsArray
+      tags: createForm.tags ? createForm.tags.split(',').map(function(t) { return t.trim(); }).filter(Boolean) : []
     };
     engineCall('/memory', { method: 'POST', body: JSON.stringify(body) })
-      .then(function() {
-        toast('Memory created', 'success');
-        setShowCreateModal(false);
-        setCreateForm({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' });
-        loadAll();
-      })
+      .then(function() { toast('Memory created', 'success'); setShowCreateModal(false); setCreateForm({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' }); loadAll(); })
       .catch(function(e) { toast(e.message, 'error'); });
   };
 
@@ -2063,7 +2072,7 @@ function MemorySection(props) {
     showConfirm({
       title: 'Delete Memory',
       message: 'Are you sure you want to delete this memory entry? This action cannot be undone.',
-      danger: true,
+      warning: true,
       confirmText: 'Delete'
     }).then(function(confirmed) {
       if (!confirmed) return;
@@ -2076,13 +2085,13 @@ function MemorySection(props) {
   var pruneStale = function() {
     showConfirm({
       title: 'Prune Stale Memories',
-      message: 'This will remove expired and stale memory entries for this agent. This action cannot be undone.',
+      message: 'This will remove expired and stale memory entries for this agent.',
       warning: true,
       confirmText: 'Prune'
     }).then(function(confirmed) {
       if (!confirmed) return;
       engineCall('/memory/agent/' + agentId + '/prune', { method: 'POST' })
-        .then(function(d) { toast('Pruned ' + (d.pruned || 0) + ' entries', 'success'); loadAll(); })
+        .then(function(d) { toast('Pruned ' + (d.deleted || 0) + ' entries', 'success'); loadAll(); })
         .catch(function(e) { toast(e.message, 'error'); });
     });
   };
@@ -2090,7 +2099,7 @@ function MemorySection(props) {
   var runDecay = function() {
     showConfirm({
       title: 'Run Confidence Decay',
-      message: 'This will reduce the confidence score of memories that have not been accessed recently. Decay rate: 10%.',
+      message: 'This will reduce confidence of memories not accessed recently. Decay rate: 10%.',
       warning: true,
       confirmText: 'Run Decay'
     }).then(function(confirmed) {
@@ -2101,116 +2110,161 @@ function MemorySection(props) {
     });
   };
 
-  // Derive stats values
+  // Date filter client-side
+  var filtered = memories;
+  if (dateFrom) {
+    var fromTs = new Date(dateFrom).getTime();
+    filtered = filtered.filter(function(m) { return m.createdAt && new Date(m.createdAt).getTime() >= fromTs; });
+  }
+  if (dateTo) {
+    var toTs = new Date(dateTo + 'T23:59:59').getTime();
+    filtered = filtered.filter(function(m) { return m.createdAt && new Date(m.createdAt).getTime() <= toTs; });
+  }
+
+  var totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+  var paged = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
+
+  // Stats
   var totalMemories = memoryStats ? (memoryStats.totalEntries || memoryStats.total || 0) : 0;
   var categoriesUsed = memoryStats && memoryStats.byCategory ? Object.keys(memoryStats.byCategory).length : 0;
   var avgConfidence = memoryStats && memoryStats.avgConfidence != null ? ((memoryStats.avgConfidence * 100).toFixed(0) + '%') : '-';
   var sourcesCount = memoryStats && memoryStats.bySource ? Object.keys(memoryStats.bySource).length : 0;
 
+  var catColor = function(c) {
+    var m = { preference: '#8b5cf6', interaction_pattern: '#ec4899', context: '#3b82f6', skill: '#10b981', processed_email: '#6366f1', org_knowledge: '#f59e0b', procedure: '#14b8a6', relationship: '#f43f5e', reflection: '#a855f7', domain_expertise: '#0ea5e9', error_pattern: '#ef4444' };
+    return m[c] || '#64748b';
+  };
+  var impColor = function(i) {
+    var m = { critical: '#ef4444', high: '#f43f5e', normal: '#3b82f6', low: '#64748b' };
+    return m[i] || '#64748b';
+  };
+
+  var fmtDate = function(d) { if (!d) return '-'; var dt = new Date(d); return dt.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' }); };
+  var fmtTime = function(d) { if (!d) return ''; var dt = new Date(d); return dt.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }); };
+
   return h('div', { className: 'card' },
     h('div', { className: 'card-header', style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
       h('h3', { style: { margin: 0, fontSize: 15, fontWeight: 600 } }, 'Memory'),
-      h('button', { className: 'btn btn-ghost btn-sm', onClick: loadAll }, I.refresh(), ' Refresh')
+      h('div', { style: { display: 'flex', gap: 6 } },
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: pruneStale, title: 'Prune stale entries' }, I.trash()),
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: runDecay, title: 'Run confidence decay' }, I.clock()),
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: loadAll }, I.refresh()),
+        h('button', { className: 'btn btn-primary btn-sm', onClick: function() { setShowCreateModal(true); } }, I.plus(), ' Add')
+      )
     ),
-    h('div', { className: 'card-body' },
-
-      // Stats Row
-      h('div', { className: 'stat-grid', style: { marginBottom: 16 } },
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, totalMemories),
-          h('div', { className: 'stat-label' }, 'Total Memories')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, categoriesUsed),
-          h('div', { className: 'stat-label' }, 'Categories Used')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, avgConfidence),
-          h('div', { className: 'stat-label' }, 'Avg Confidence')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, sourcesCount),
-          h('div', { className: 'stat-label' }, 'Sources')
-        )
+    h('div', { className: 'card-body', style: { padding: 0 } },
+
+      // Compact stats bar
+      h('div', { style: { display: 'flex', gap: 24, padding: '10px 16px', borderBottom: '1px solid var(--border)', fontSize: 13 } },
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Total: ', h('strong', null, totalMemories)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Categories: ', h('strong', null, categoriesUsed)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Avg Conf: ', h('strong', null, avgConfidence)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Sources: ', h('strong', null, sourcesCount)),
+        h('div', { style: { flex: 1 } }),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Showing ', h('strong', null, filtered.length), ' of ', totalMemories)
       ),
 
-      // Filter Bar
-      h('div', { style: { display: 'flex', gap: 8, marginBottom: 16, flexWrap: 'wrap', alignItems: 'center' } },
-        h('div', { style: { position: 'relative', flex: 1, minWidth: 180 } },
-          h('input', {
-            className: 'input',
-            placeholder: 'Search memories...',
-            value: searchQuery,
-            onChange: function(e) { setSearchQuery(e.target.value); },
-            onKeyDown: function(e) { if (e.key === 'Enter') handleSearch(); }
-          })
-        ),
-        h('button', { className: 'btn btn-ghost btn-sm', onClick: handleSearch }, I.search()),
-        h('select', { className: 'input', style: { maxWidth: 170 }, value: filterCategory, onChange: function(e) { setFilterCategory(e.target.value); } },
+      // Filter row
+      h('div', { style: { display: 'flex', gap: 6, padding: '8px 16px', borderBottom: '1px solid var(--border)', flexWrap: 'wrap', alignItems: 'center' } },
+        h('input', {
+          className: 'input', style: { flex: 1, minWidth: 140, height: 30, fontSize: 12 },
+          placeholder: 'Search...', value: searchQuery,
+          onChange: function(e) { setSearchQuery(e.target.value); },
+          onKeyDown: function(e) { if (e.key === 'Enter') handleSearch(); }
+        }),
+        h('select', { className: 'input', style: { width: 130, height: 30, fontSize: 12 }, value: filterCategory, onChange: function(e) { setFilterCategory(e.target.value); } },
           h('option', { value: '' }, 'All Categories'),
           MEMORY_CATEGORIES.map(function(c) { return h('option', { key: c.value, value: c.value }, c.label); })
         ),
-        h('select', { className: 'input', style: { maxWidth: 150 }, value: filterImportance, onChange: function(e) { setFilterImportance(e.target.value); } },
-          h('option', { value: '' }, 'All Importance'),
+        h('select', { className: 'input', style: { width: 110, height: 30, fontSize: 12 }, value: filterImportance, onChange: function(e) { setFilterImportance(e.target.value); } },
+          h('option', { value: '' }, 'All Levels'),
           h('option', { value: 'critical' }, 'Critical'),
           h('option', { value: 'high' }, 'High'),
           h('option', { value: 'normal' }, 'Normal'),
           h('option', { value: 'low' }, 'Low')
         ),
-        h('div', { style: { flex: '0 0 auto' } }),
-        h('button', { className: 'btn btn-primary btn-sm', onClick: function() { setShowCreateModal(true); } }, I.plus(), ' Create Memory'),
-        h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--warning)' }, onClick: pruneStale }, I.trash(), ' Prune Stale'),
-        h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--warning)' }, onClick: runDecay }, I.clock(), ' Run Decay')
+        h('input', { type: 'date', className: 'input', style: { width: 120, height: 30, fontSize: 12 }, value: dateFrom, onChange: function(e) { setDateFrom(e.target.value); setPage(1); }, title: 'From date' }),
+        h('span', { style: { fontSize: 11, color: 'var(--text-muted)' } }, '–'),
+        h('input', { type: 'date', className: 'input', style: { width: 120, height: 30, fontSize: 12 }, value: dateTo, onChange: function(e) { setDateTo(e.target.value); setPage(1); }, title: 'To date' }),
+        (dateFrom || dateTo) && h('button', { className: 'btn btn-ghost btn-sm', style: { height: 30, fontSize: 11 }, onClick: function() { setDateFrom(''); setDateTo(''); } }, 'Clear')
       ),
 
-      // Memory Cards List
-      memories.length === 0
-        ? h('div', { style: { padding: 40, textAlign: 'center', color: 'var(--text-muted)' } }, 'No memories found for this agent')
-        : h('div', { style: { display: 'grid', gap: 10 } },
-            memories.map(function(m) {
-              var truncatedContent = m.content && m.content.length > 200 ? m.content.substring(0, 200) + '...' : (m.content || '');
-              var tags = m.tags || [];
-              var confidence = m.confidence != null ? ((m.confidence * 100).toFixed(0) + '%') : '-';
-              var created = m.createdAt ? new Date(m.createdAt).toLocaleDateString() : '-';
-              var lastAccessed = m.lastAccessedAt ? new Date(m.lastAccessedAt).toLocaleDateString() : '-';
-
-              return h('div', { key: m.id, style: { padding: '14px 18px', background: 'var(--bg-tertiary)', borderRadius: 8, border: '1px solid var(--border)' } },
-                // Title
-                h('div', { style: { fontWeight: 600, fontSize: 14, marginBottom: 6 } }, m.title || 'Untitled'),
-
-                // Category + Importance + Source badges row
-                h('div', { style: { display: 'flex', gap: 6, marginBottom: 8, flexWrap: 'wrap' } },
-                  h('span', { style: { display: 'inline-block', padding: '2px 8px', borderRadius: 4, fontSize: 11, fontWeight: 600, color: '#fff', background: memCatColor(m.category) } }, memCatLabel(m.category)),
-                  h('span', { style: { display: 'inline-block', padding: '2px 8px', borderRadius: 4, fontSize: 11, fontWeight: 600, color: '#fff', background: importanceBadgeColor(m.importance) } }, m.importance || 'normal'),
-                  m.source && h('span', { className: 'badge badge-neutral' }, m.source)
+      // Table-style compact list
+      filtered.length === 0
+        ? h('div', { style: { padding: 32, textAlign: 'center', color: 'var(--text-muted)', fontSize: 13 } }, 'No memories found')
+        : h(Fragment, null,
+          // Header row
+          h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 100px 70px 60px 70px 36px', gap: 8, padding: '6px 16px', borderBottom: '1px solid var(--border)', fontSize: 11, fontWeight: 600, color: 'var(--text-muted)', textTransform: 'uppercase', letterSpacing: '0.5px' } },
+            h('span', null, 'Memory'),
+            h('span', null, 'Category'),
+            h('span', null, 'Level'),
+            h('span', null, 'Conf'),
+            h('span', null, 'Date'),
+            h('span', null, '')
+          ),
+          // Rows
+          paged.map(function(m) {
+            var isExpanded = expandedId === m.id;
+            var conf = m.confidence != null ? Math.round(m.confidence * 100) : 0;
+            var confBar = conf >= 80 ? 'var(--success)' : conf >= 50 ? 'var(--warning)' : 'var(--danger)';
+            return h('div', { key: m.id },
+              // Compact row
+              h('div', {
+                style: { display: 'grid', gridTemplateColumns: '1fr 100px 70px 60px 70px 36px', gap: 8, padding: '8px 16px', borderBottom: '1px solid var(--border)', cursor: 'pointer', fontSize: 13, alignItems: 'center', transition: 'background 0.1s', background: isExpanded ? 'var(--bg-tertiary)' : 'transparent' },
+                onClick: function() { setExpandedId(isExpanded ? null : m.id); },
+                onMouseEnter: function(e) { if (!isExpanded) e.currentTarget.style.background = 'var(--bg-secondary)'; },
+                onMouseLeave: function(e) { if (!isExpanded) e.currentTarget.style.background = 'transparent'; }
+              },
+                // Title + preview
+                h('div', { style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } },
+                  h('span', { style: { fontWeight: 500 } }, m.title || 'Untitled'),
+                  m.content && h('span', { style: { color: 'var(--text-muted)', marginLeft: 8, fontSize: 12 } }, m.content.substring(0, 60) + (m.content.length > 60 ? '...' : ''))
                 ),
-
-                // Content (truncated)
-                h('div', { style: { fontSize: 13, color: 'var(--text-muted)', marginBottom: 8, lineHeight: 1.5, overflow: 'hidden', textOverflow: 'ellipsis' } }, truncatedContent),
-
-                // Tags row
-                tags.length > 0 && h('div', { style: { display: 'flex', gap: 4, marginBottom: 8, flexWrap: 'wrap' } },
-                  tags.map(function(tag, ti) {
-                    return h('span', { key: ti, className: 'badge badge-neutral', style: { fontSize: 10 } }, tag);
-                  })
+                // Category badge
+                h('span', { style: { display: 'inline-block', padding: '1px 6px', borderRadius: 3, fontSize: 10, fontWeight: 600, color: '#fff', background: catColor(m.category), whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, (m.category || '').replace(/_/g, ' ')),
+                // Importance
+                h('span', { style: { fontSize: 11, color: impColor(m.importance), fontWeight: 500 } }, m.importance || 'normal'),
+                // Confidence bar
+                h('div', { style: { display: 'flex', alignItems: 'center', gap: 4 } },
+                  h('div', { style: { flex: 1, height: 4, borderRadius: 2, background: 'var(--border)' } },
+                    h('div', { style: { width: conf + '%', height: '100%', borderRadius: 2, background: confBar } })
+                  ),
+                  h('span', { style: { fontSize: 10, color: 'var(--text-muted)', minWidth: 24 } }, conf + '%')
                 ),
-
-                // Meta row: confidence, created, last accessed, delete button
-                h('div', { style: { display: 'flex', alignItems: 'center', gap: 16, fontSize: 11, color: 'var(--text-muted)' } },
-                  h('span', null, 'Confidence: ', h('strong', null, confidence)),
-                  h('span', null, 'Created: ', created),
-                  h('span', null, 'Last accessed: ', lastAccessed),
+                // Date
+                h('span', { style: { fontSize: 11, color: 'var(--text-muted)', whiteSpace: 'nowrap' } }, fmtDate(m.createdAt)),
+                // Expand indicator
+                h('span', { style: { fontSize: 10, color: 'var(--text-muted)', textAlign: 'center' } }, isExpanded ? '▲' : '▼')
+              ),
+              // Expanded detail
+              isExpanded && h('div', { style: { padding: '10px 16px 12px', background: 'var(--bg-tertiary)', borderBottom: '1px solid var(--border)', fontSize: 12, lineHeight: 1.6 } },
+                h('div', { style: { color: 'var(--text)', marginBottom: 8, whiteSpace: 'pre-wrap', maxHeight: 200, overflow: 'auto' } }, m.content || '(empty)'),
+                h('div', { style: { display: 'flex', gap: 12, flexWrap: 'wrap', alignItems: 'center', fontSize: 11, color: 'var(--text-muted)' } },
+                  h('span', null, 'Source: ', h('strong', null, m.source || '-')),
+                  h('span', null, 'Created: ', h('strong', null, fmtDate(m.createdAt)), ' ', fmtTime(m.createdAt)),
+                  m.lastAccessedAt && h('span', null, 'Last accessed: ', h('strong', null, fmtDate(m.lastAccessedAt))),
+                  m.tags && m.tags.length > 0 && h('span', null, 'Tags: ', m.tags.join(', ')),
                   h('div', { style: { flex: 1 } }),
-                  h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--danger)' }, onClick: function() { deleteMemory(m.id); } }, I.trash(), ' Delete')
+                  h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--danger)', height: 24, fontSize: 11 }, onClick: function(e) { e.stopPropagation(); deleteMemory(m.id); } }, I.trash(), ' Delete')
                 )
-              );
-            })
+              )
+            );
+          }),
+
+          // Pagination
+          totalPages > 1 && h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 4, padding: '10px 16px', borderTop: '1px solid var(--border)' } },
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page <= 1, onClick: function() { setPage(1); }, style: { fontSize: 11, height: 28 } }, '«'),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page <= 1, onClick: function() { setPage(page - 1); }, style: { fontSize: 11, height: 28 } }, '‹'),
+            h('span', { style: { fontSize: 12, color: 'var(--text-muted)', padding: '0 8px' } }, 'Page ', h('strong', null, page), ' of ', h('strong', null, totalPages)),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page >= totalPages, onClick: function() { setPage(page + 1); }, style: { fontSize: 11, height: 28 } }, '›'),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page >= totalPages, onClick: function() { setPage(totalPages); }, style: { fontSize: 11, height: 28 } }, '»')
           )
+        )
     ),
 
     // Create Memory Modal
     showCreateModal && h('div', { className: 'modal-overlay', onClick: function() { setShowCreateModal(false); } },
-      h('div', { className: 'modal', style: { maxWidth: 540 }, onClick: function(e) { e.stopPropagation(); } },
+      h('div', { className: 'modal', style: { maxWidth: 500 }, onClick: function(e) { e.stopPropagation(); } },
         h('div', { className: 'modal-header' },
           h('h2', null, 'Create Memory'),
           h('button', { className: 'btn btn-ghost btn-icon', onClick: function() { setShowCreateModal(false); } }, I.x())
@@ -2222,7 +2276,7 @@ function MemorySection(props) {
           ),
           h('div', { className: 'form-group' },
             h('label', { className: 'form-label' }, 'Content *'),
-            h('textarea', { className: 'input', style: { minHeight: 120 }, placeholder: 'Memory content...', value: createForm.content, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { content: e.target.value })); } })
+            h('textarea', { className: 'input', style: { minHeight: 100 }, placeholder: 'Memory content...', value: createForm.content, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { content: e.target.value })); } })
           ),
           h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 } },
             h('div', { className: 'form-group' },
@@ -2243,12 +2297,12 @@ function MemorySection(props) {
           ),
           h('div', { className: 'form-group' },
             h('label', { className: 'form-label' }, 'Tags (comma-separated)'),
-            h('input', { className: 'input', placeholder: 'tag1, tag2, tag3', value: createForm.tags, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { tags: e.target.value })); } })
+            h('input', { className: 'input', placeholder: 'tag1, tag2', value: createForm.tags, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { tags: e.target.value })); } })
           )
         ),
         h('div', { className: 'modal-footer' },
           h('button', { className: 'btn btn-ghost', onClick: function() { setShowCreateModal(false); } }, 'Cancel'),
-          h('button', { className: 'btn btn-primary', onClick: createMemory }, 'Create Memory')
+          h('button', { className: 'btn btn-primary', onClick: createMemory }, 'Create')
         )
       )
     )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/enterprise",
-  "version": "0.5.163",
+  "version": "0.5.165",
   "description": "AgenticMail Enterprise — cloud-hosted AI agent identity, email, auth & compliance for organizations",
   "type": "module",
   "bin": {

package/src/dashboard/pages/agent-detail.js

@@ -1998,13 +1998,37 @@ function MemorySection(props) {
   var filterCategory = _filterCat[0]; var setFilterCategory = _filterCat[1];
   var _filterImp = useState('');
   var filterImportance = _filterImp[0]; var setFilterImportance = _filterImp[1];
+  var _dateFrom = useState('');
+  var dateFrom = _dateFrom[0]; var setDateFrom = _dateFrom[1];
+  var _dateTo = useState('');
+  var dateTo = _dateTo[0]; var setDateTo = _dateTo[1];
+  var _page = useState(1);
+  var page = _page[0]; var setPage = _page[1];
+  var _expanded = useState(null);
+  var expandedId = _expanded[0]; var setExpandedId = _expanded[1];
   var _showCreate = useState(false);
   var showCreateModal = _showCreate[0]; var setShowCreateModal = _showCreate[1];
   var _form = useState({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' });
   var createForm = _form[0]; var setCreateForm = _form[1];
 
+  var PAGE_SIZE = 10;
+
+  var MEMORY_CATEGORIES = [
+    { value: 'org_knowledge', label: 'Org Knowledge' },
+    { value: 'preference', label: 'Preference' },
+    { value: 'interaction_pattern', label: 'Interaction Pattern' },
+    { value: 'context', label: 'Context' },
+    { value: 'skill', label: 'Skill' },
+    { value: 'processed_email', label: 'Processed Email' },
+    { value: 'procedure', label: 'Procedure' },
+    { value: 'relationship', label: 'Relationship' },
+    { value: 'reflection', label: 'Reflection' },
+    { value: 'domain_expertise', label: 'Domain Expertise' },
+    { value: 'error_pattern', label: 'Error Pattern' }
+  ];
+
   var buildQueryParams = function() {
-    var params = '?limit=50';
+    var params = '?limit=200';
     if (searchQuery) params += '&search=' + encodeURIComponent(searchQuery);
     if (filterCategory) params += '&category=' + filterCategory;
     if (filterImportance) params += '&importance=' + filterImportance;
@@ -2012,50 +2036,35 @@ function MemorySection(props) {
   };
 
   var loadMemories = function() {
-    var params = buildQueryParams();
-    engineCall('/memory/agent/' + agentId + params)
-      .then(function(d) { setMemories(d.memories || []); })
+    engineCall('/memory/agent/' + agentId + buildQueryParams())
+      .then(function(d) { setMemories(d.memories || []); setPage(1); })
       .catch(function() {});
   };
 
   var loadStats = function() {
     engineCall('/memory/agent/' + agentId + '/stats')
-      .then(function(d) { setMemoryStats(d); })
+      .then(function(d) { setMemoryStats(d.stats || d); })
       .catch(function() {});
   };
 
-  var loadAll = function() {
-    loadMemories();
-    loadStats();
-  };
+  var loadAll = function() { loadMemories(); loadStats(); };
 
-  useEffect(loadAll, []);
+  useEffect(function() { loadAll(); }, [agentId]);
   useEffect(function() { loadMemories(); }, [filterCategory, filterImportance]);
 
-  var handleSearch = function() {
-    loadMemories();
-  };
+  var handleSearch = function() { loadMemories(); };
 
   var createMemory = function() {
-    if (!createForm.title || !createForm.content) { toast('Title and content are required', 'error'); return; }
-    var tagsArray = createForm.tags ? createForm.tags.split(',').map(function(s) { return s.trim(); }).filter(Boolean) : [];
     var body = {
       agentId: agentId,
-      orgId: getOrgId(),
       title: createForm.title,
       content: createForm.content,
       category: createForm.category,
       importance: createForm.importance,
-      source: 'admin',
-      tags: tagsArray
+      tags: createForm.tags ? createForm.tags.split(',').map(function(t) { return t.trim(); }).filter(Boolean) : []
     };
     engineCall('/memory', { method: 'POST', body: JSON.stringify(body) })
-      .then(function() {
-        toast('Memory created', 'success');
-        setShowCreateModal(false);
-        setCreateForm({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' });
-        loadAll();
-      })
+      .then(function() { toast('Memory created', 'success'); setShowCreateModal(false); setCreateForm({ title: '', content: '', category: 'org_knowledge', importance: 'normal', tags: '' }); loadAll(); })
       .catch(function(e) { toast(e.message, 'error'); });
   };
 
@@ -2063,7 +2072,7 @@ function MemorySection(props) {
     showConfirm({
       title: 'Delete Memory',
       message: 'Are you sure you want to delete this memory entry? This action cannot be undone.',
-      danger: true,
+      warning: true,
       confirmText: 'Delete'
     }).then(function(confirmed) {
       if (!confirmed) return;
@@ -2076,13 +2085,13 @@ function MemorySection(props) {
   var pruneStale = function() {
     showConfirm({
       title: 'Prune Stale Memories',
-      message: 'This will remove expired and stale memory entries for this agent. This action cannot be undone.',
+      message: 'This will remove expired and stale memory entries for this agent.',
       warning: true,
       confirmText: 'Prune'
     }).then(function(confirmed) {
       if (!confirmed) return;
       engineCall('/memory/agent/' + agentId + '/prune', { method: 'POST' })
-        .then(function(d) { toast('Pruned ' + (d.pruned || 0) + ' entries', 'success'); loadAll(); })
+        .then(function(d) { toast('Pruned ' + (d.deleted || 0) + ' entries', 'success'); loadAll(); })
         .catch(function(e) { toast(e.message, 'error'); });
     });
   };
@@ -2090,7 +2099,7 @@ function MemorySection(props) {
   var runDecay = function() {
     showConfirm({
       title: 'Run Confidence Decay',
-      message: 'This will reduce the confidence score of memories that have not been accessed recently. Decay rate: 10%.',
+      message: 'This will reduce confidence of memories not accessed recently. Decay rate: 10%.',
       warning: true,
       confirmText: 'Run Decay'
     }).then(function(confirmed) {
@@ -2101,116 +2110,161 @@ function MemorySection(props) {
     });
   };
 
-  // Derive stats values
+  // Date filter client-side
+  var filtered = memories;
+  if (dateFrom) {
+    var fromTs = new Date(dateFrom).getTime();
+    filtered = filtered.filter(function(m) { return m.createdAt && new Date(m.createdAt).getTime() >= fromTs; });
+  }
+  if (dateTo) {
+    var toTs = new Date(dateTo + 'T23:59:59').getTime();
+    filtered = filtered.filter(function(m) { return m.createdAt && new Date(m.createdAt).getTime() <= toTs; });
+  }
+
+  var totalPages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+  var paged = filtered.slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE);
+
+  // Stats
   var totalMemories = memoryStats ? (memoryStats.totalEntries || memoryStats.total || 0) : 0;
   var categoriesUsed = memoryStats && memoryStats.byCategory ? Object.keys(memoryStats.byCategory).length : 0;
   var avgConfidence = memoryStats && memoryStats.avgConfidence != null ? ((memoryStats.avgConfidence * 100).toFixed(0) + '%') : '-';
   var sourcesCount = memoryStats && memoryStats.bySource ? Object.keys(memoryStats.bySource).length : 0;
 
+  var catColor = function(c) {
+    var m = { preference: '#8b5cf6', interaction_pattern: '#ec4899', context: '#3b82f6', skill: '#10b981', processed_email: '#6366f1', org_knowledge: '#f59e0b', procedure: '#14b8a6', relationship: '#f43f5e', reflection: '#a855f7', domain_expertise: '#0ea5e9', error_pattern: '#ef4444' };
+    return m[c] || '#64748b';
+  };
+  var impColor = function(i) {
+    var m = { critical: '#ef4444', high: '#f43f5e', normal: '#3b82f6', low: '#64748b' };
+    return m[i] || '#64748b';
+  };
+
+  var fmtDate = function(d) { if (!d) return '-'; var dt = new Date(d); return dt.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' }); };
+  var fmtTime = function(d) { if (!d) return ''; var dt = new Date(d); return dt.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }); };
+
   return h('div', { className: 'card' },
     h('div', { className: 'card-header', style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
       h('h3', { style: { margin: 0, fontSize: 15, fontWeight: 600 } }, 'Memory'),
-      h('button', { className: 'btn btn-ghost btn-sm', onClick: loadAll }, I.refresh(), ' Refresh')
+      h('div', { style: { display: 'flex', gap: 6 } },
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: pruneStale, title: 'Prune stale entries' }, I.trash()),
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: runDecay, title: 'Run confidence decay' }, I.clock()),
+        h('button', { className: 'btn btn-ghost btn-sm', onClick: loadAll }, I.refresh()),
+        h('button', { className: 'btn btn-primary btn-sm', onClick: function() { setShowCreateModal(true); } }, I.plus(), ' Add')
+      )
     ),
-    h('div', { className: 'card-body' },
-
-      // Stats Row
-      h('div', { className: 'stat-grid', style: { marginBottom: 16 } },
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, totalMemories),
-          h('div', { className: 'stat-label' }, 'Total Memories')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, categoriesUsed),
-          h('div', { className: 'stat-label' }, 'Categories Used')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, avgConfidence),
-          h('div', { className: 'stat-label' }, 'Avg Confidence')
-        ),
-        h('div', { className: 'stat-card' },
-          h('div', { className: 'stat-value' }, sourcesCount),
-          h('div', { className: 'stat-label' }, 'Sources')
-        )
+    h('div', { className: 'card-body', style: { padding: 0 } },
+
+      // Compact stats bar
+      h('div', { style: { display: 'flex', gap: 24, padding: '10px 16px', borderBottom: '1px solid var(--border)', fontSize: 13 } },
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Total: ', h('strong', null, totalMemories)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Categories: ', h('strong', null, categoriesUsed)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Avg Conf: ', h('strong', null, avgConfidence)),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Sources: ', h('strong', null, sourcesCount)),
+        h('div', { style: { flex: 1 } }),
+        h('span', { style: { color: 'var(--text-muted)' } }, 'Showing ', h('strong', null, filtered.length), ' of ', totalMemories)
       ),
 
-      // Filter Bar
-      h('div', { style: { display: 'flex', gap: 8, marginBottom: 16, flexWrap: 'wrap', alignItems: 'center' } },
-        h('div', { style: { position: 'relative', flex: 1, minWidth: 180 } },
-          h('input', {
-            className: 'input',
-            placeholder: 'Search memories...',
-            value: searchQuery,
-            onChange: function(e) { setSearchQuery(e.target.value); },
-            onKeyDown: function(e) { if (e.key === 'Enter') handleSearch(); }
-          })
-        ),
-        h('button', { className: 'btn btn-ghost btn-sm', onClick: handleSearch }, I.search()),
-        h('select', { className: 'input', style: { maxWidth: 170 }, value: filterCategory, onChange: function(e) { setFilterCategory(e.target.value); } },
+      // Filter row
+      h('div', { style: { display: 'flex', gap: 6, padding: '8px 16px', borderBottom: '1px solid var(--border)', flexWrap: 'wrap', alignItems: 'center' } },
+        h('input', {
+          className: 'input', style: { flex: 1, minWidth: 140, height: 30, fontSize: 12 },
+          placeholder: 'Search...', value: searchQuery,
+          onChange: function(e) { setSearchQuery(e.target.value); },
+          onKeyDown: function(e) { if (e.key === 'Enter') handleSearch(); }
+        }),
+        h('select', { className: 'input', style: { width: 130, height: 30, fontSize: 12 }, value: filterCategory, onChange: function(e) { setFilterCategory(e.target.value); } },
           h('option', { value: '' }, 'All Categories'),
           MEMORY_CATEGORIES.map(function(c) { return h('option', { key: c.value, value: c.value }, c.label); })
         ),
-        h('select', { className: 'input', style: { maxWidth: 150 }, value: filterImportance, onChange: function(e) { setFilterImportance(e.target.value); } },
-          h('option', { value: '' }, 'All Importance'),
+        h('select', { className: 'input', style: { width: 110, height: 30, fontSize: 12 }, value: filterImportance, onChange: function(e) { setFilterImportance(e.target.value); } },
+          h('option', { value: '' }, 'All Levels'),
           h('option', { value: 'critical' }, 'Critical'),
           h('option', { value: 'high' }, 'High'),
           h('option', { value: 'normal' }, 'Normal'),
           h('option', { value: 'low' }, 'Low')
         ),
-        h('div', { style: { flex: '0 0 auto' } }),
-        h('button', { className: 'btn btn-primary btn-sm', onClick: function() { setShowCreateModal(true); } }, I.plus(), ' Create Memory'),
-        h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--warning)' }, onClick: pruneStale }, I.trash(), ' Prune Stale'),
-        h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--warning)' }, onClick: runDecay }, I.clock(), ' Run Decay')
+        h('input', { type: 'date', className: 'input', style: { width: 120, height: 30, fontSize: 12 }, value: dateFrom, onChange: function(e) { setDateFrom(e.target.value); setPage(1); }, title: 'From date' }),
+        h('span', { style: { fontSize: 11, color: 'var(--text-muted)' } }, '–'),
+        h('input', { type: 'date', className: 'input', style: { width: 120, height: 30, fontSize: 12 }, value: dateTo, onChange: function(e) { setDateTo(e.target.value); setPage(1); }, title: 'To date' }),
+        (dateFrom || dateTo) && h('button', { className: 'btn btn-ghost btn-sm', style: { height: 30, fontSize: 11 }, onClick: function() { setDateFrom(''); setDateTo(''); } }, 'Clear')
       ),
 
-      // Memory Cards List
-      memories.length === 0
-        ? h('div', { style: { padding: 40, textAlign: 'center', color: 'var(--text-muted)' } }, 'No memories found for this agent')
-        : h('div', { style: { display: 'grid', gap: 10 } },
-            memories.map(function(m) {
-              var truncatedContent = m.content && m.content.length > 200 ? m.content.substring(0, 200) + '...' : (m.content || '');
-              var tags = m.tags || [];
-              var confidence = m.confidence != null ? ((m.confidence * 100).toFixed(0) + '%') : '-';
-              var created = m.createdAt ? new Date(m.createdAt).toLocaleDateString() : '-';
-              var lastAccessed = m.lastAccessedAt ? new Date(m.lastAccessedAt).toLocaleDateString() : '-';
-
-              return h('div', { key: m.id, style: { padding: '14px 18px', background: 'var(--bg-tertiary)', borderRadius: 8, border: '1px solid var(--border)' } },
-                // Title
-                h('div', { style: { fontWeight: 600, fontSize: 14, marginBottom: 6 } }, m.title || 'Untitled'),
-
-                // Category + Importance + Source badges row
-                h('div', { style: { display: 'flex', gap: 6, marginBottom: 8, flexWrap: 'wrap' } },
-                  h('span', { style: { display: 'inline-block', padding: '2px 8px', borderRadius: 4, fontSize: 11, fontWeight: 600, color: '#fff', background: memCatColor(m.category) } }, memCatLabel(m.category)),
-                  h('span', { style: { display: 'inline-block', padding: '2px 8px', borderRadius: 4, fontSize: 11, fontWeight: 600, color: '#fff', background: importanceBadgeColor(m.importance) } }, m.importance || 'normal'),
-                  m.source && h('span', { className: 'badge badge-neutral' }, m.source)
+      // Table-style compact list
+      filtered.length === 0
+        ? h('div', { style: { padding: 32, textAlign: 'center', color: 'var(--text-muted)', fontSize: 13 } }, 'No memories found')
+        : h(Fragment, null,
+          // Header row
+          h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 100px 70px 60px 70px 36px', gap: 8, padding: '6px 16px', borderBottom: '1px solid var(--border)', fontSize: 11, fontWeight: 600, color: 'var(--text-muted)', textTransform: 'uppercase', letterSpacing: '0.5px' } },
+            h('span', null, 'Memory'),
+            h('span', null, 'Category'),
+            h('span', null, 'Level'),
+            h('span', null, 'Conf'),
+            h('span', null, 'Date'),
+            h('span', null, '')
+          ),
+          // Rows
+          paged.map(function(m) {
+            var isExpanded = expandedId === m.id;
+            var conf = m.confidence != null ? Math.round(m.confidence * 100) : 0;
+            var confBar = conf >= 80 ? 'var(--success)' : conf >= 50 ? 'var(--warning)' : 'var(--danger)';
+            return h('div', { key: m.id },
+              // Compact row
+              h('div', {
+                style: { display: 'grid', gridTemplateColumns: '1fr 100px 70px 60px 70px 36px', gap: 8, padding: '8px 16px', borderBottom: '1px solid var(--border)', cursor: 'pointer', fontSize: 13, alignItems: 'center', transition: 'background 0.1s', background: isExpanded ? 'var(--bg-tertiary)' : 'transparent' },
+                onClick: function() { setExpandedId(isExpanded ? null : m.id); },
+                onMouseEnter: function(e) { if (!isExpanded) e.currentTarget.style.background = 'var(--bg-secondary)'; },
+                onMouseLeave: function(e) { if (!isExpanded) e.currentTarget.style.background = 'transparent'; }
+              },
+                // Title + preview
+                h('div', { style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } },
+                  h('span', { style: { fontWeight: 500 } }, m.title || 'Untitled'),
+                  m.content && h('span', { style: { color: 'var(--text-muted)', marginLeft: 8, fontSize: 12 } }, m.content.substring(0, 60) + (m.content.length > 60 ? '...' : ''))
                 ),
-
-                // Content (truncated)
-                h('div', { style: { fontSize: 13, color: 'var(--text-muted)', marginBottom: 8, lineHeight: 1.5, overflow: 'hidden', textOverflow: 'ellipsis' } }, truncatedContent),
-
-                // Tags row
-                tags.length > 0 && h('div', { style: { display: 'flex', gap: 4, marginBottom: 8, flexWrap: 'wrap' } },
-                  tags.map(function(tag, ti) {
-                    return h('span', { key: ti, className: 'badge badge-neutral', style: { fontSize: 10 } }, tag);
-                  })
+                // Category badge
+                h('span', { style: { display: 'inline-block', padding: '1px 6px', borderRadius: 3, fontSize: 10, fontWeight: 600, color: '#fff', background: catColor(m.category), whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, (m.category || '').replace(/_/g, ' ')),
+                // Importance
+                h('span', { style: { fontSize: 11, color: impColor(m.importance), fontWeight: 500 } }, m.importance || 'normal'),
+                // Confidence bar
+                h('div', { style: { display: 'flex', alignItems: 'center', gap: 4 } },
+                  h('div', { style: { flex: 1, height: 4, borderRadius: 2, background: 'var(--border)' } },
+                    h('div', { style: { width: conf + '%', height: '100%', borderRadius: 2, background: confBar } })
+                  ),
+                  h('span', { style: { fontSize: 10, color: 'var(--text-muted)', minWidth: 24 } }, conf + '%')
                 ),
-
-                // Meta row: confidence, created, last accessed, delete button
-                h('div', { style: { display: 'flex', alignItems: 'center', gap: 16, fontSize: 11, color: 'var(--text-muted)' } },
-                  h('span', null, 'Confidence: ', h('strong', null, confidence)),
-                  h('span', null, 'Created: ', created),
-                  h('span', null, 'Last accessed: ', lastAccessed),
+                // Date
+                h('span', { style: { fontSize: 11, color: 'var(--text-muted)', whiteSpace: 'nowrap' } }, fmtDate(m.createdAt)),
+                // Expand indicator
+                h('span', { style: { fontSize: 10, color: 'var(--text-muted)', textAlign: 'center' } }, isExpanded ? '▲' : '▼')
+              ),
+              // Expanded detail
+              isExpanded && h('div', { style: { padding: '10px 16px 12px', background: 'var(--bg-tertiary)', borderBottom: '1px solid var(--border)', fontSize: 12, lineHeight: 1.6 } },
+                h('div', { style: { color: 'var(--text)', marginBottom: 8, whiteSpace: 'pre-wrap', maxHeight: 200, overflow: 'auto' } }, m.content || '(empty)'),
+                h('div', { style: { display: 'flex', gap: 12, flexWrap: 'wrap', alignItems: 'center', fontSize: 11, color: 'var(--text-muted)' } },
+                  h('span', null, 'Source: ', h('strong', null, m.source || '-')),
+                  h('span', null, 'Created: ', h('strong', null, fmtDate(m.createdAt)), ' ', fmtTime(m.createdAt)),
+                  m.lastAccessedAt && h('span', null, 'Last accessed: ', h('strong', null, fmtDate(m.lastAccessedAt))),
+                  m.tags && m.tags.length > 0 && h('span', null, 'Tags: ', m.tags.join(', ')),
                   h('div', { style: { flex: 1 } }),
-                  h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--danger)' }, onClick: function() { deleteMemory(m.id); } }, I.trash(), ' Delete')
+                  h('button', { className: 'btn btn-ghost btn-sm', style: { color: 'var(--danger)', height: 24, fontSize: 11 }, onClick: function(e) { e.stopPropagation(); deleteMemory(m.id); } }, I.trash(), ' Delete')
                 )
-              );
-            })
+              )
+            );
+          }),
+
+          // Pagination
+          totalPages > 1 && h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 4, padding: '10px 16px', borderTop: '1px solid var(--border)' } },
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page <= 1, onClick: function() { setPage(1); }, style: { fontSize: 11, height: 28 } }, '«'),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page <= 1, onClick: function() { setPage(page - 1); }, style: { fontSize: 11, height: 28 } }, '‹'),
+            h('span', { style: { fontSize: 12, color: 'var(--text-muted)', padding: '0 8px' } }, 'Page ', h('strong', null, page), ' of ', h('strong', null, totalPages)),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page >= totalPages, onClick: function() { setPage(page + 1); }, style: { fontSize: 11, height: 28 } }, '›'),
+            h('button', { className: 'btn btn-ghost btn-sm', disabled: page >= totalPages, onClick: function() { setPage(totalPages); }, style: { fontSize: 11, height: 28 } }, '»')
           )
+        )
     ),
 
     // Create Memory Modal
     showCreateModal && h('div', { className: 'modal-overlay', onClick: function() { setShowCreateModal(false); } },
-      h('div', { className: 'modal', style: { maxWidth: 540 }, onClick: function(e) { e.stopPropagation(); } },
+      h('div', { className: 'modal', style: { maxWidth: 500 }, onClick: function(e) { e.stopPropagation(); } },
         h('div', { className: 'modal-header' },
           h('h2', null, 'Create Memory'),
           h('button', { className: 'btn btn-ghost btn-icon', onClick: function() { setShowCreateModal(false); } }, I.x())
@@ -2222,7 +2276,7 @@ function MemorySection(props) {
           ),
           h('div', { className: 'form-group' },
             h('label', { className: 'form-label' }, 'Content *'),
-            h('textarea', { className: 'input', style: { minHeight: 120 }, placeholder: 'Memory content...', value: createForm.content, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { content: e.target.value })); } })
+            h('textarea', { className: 'input', style: { minHeight: 100 }, placeholder: 'Memory content...', value: createForm.content, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { content: e.target.value })); } })
           ),
           h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 } },
             h('div', { className: 'form-group' },
@@ -2243,12 +2297,12 @@ function MemorySection(props) {
           ),
           h('div', { className: 'form-group' },
             h('label', { className: 'form-label' }, 'Tags (comma-separated)'),
-            h('input', { className: 'input', placeholder: 'tag1, tag2, tag3', value: createForm.tags, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { tags: e.target.value })); } })
+            h('input', { className: 'input', placeholder: 'tag1, tag2', value: createForm.tags, onChange: function(e) { setCreateForm(Object.assign({}, createForm, { tags: e.target.value })); } })
           )
         ),
         h('div', { className: 'modal-footer' },
           h('button', { className: 'btn btn-ghost', onClick: function() { setShowCreateModal(false); } }, 'Cancel'),
-          h('button', { className: 'btn btn-primary', onClick: createMemory }, 'Create Memory')
+          h('button', { className: 'btn btn-primary', onClick: createMemory }, 'Create')
         )
       )
     )