Show content preview in note/task/skill list, truncate to 500 chars in API

Author: prih

src/graphs/knowledge.ts

@@ -176,11 +176,11 @@ export function listNotes(
   filter?: string,
   tag?: string,
   limit: number = 20,
-): Array<{ id: string; title: string; tags: string[]; updatedAt: number }> {
+): Array<{ id: string; title: string; content: string; tags: string[]; updatedAt: number }> {
   const lowerFilter = filter?.toLowerCase();
   const lowerTag = tag?.toLowerCase();
 
-  const results: Array<{ id: string; title: string; tags: string[]; updatedAt: number }> = [];
+  const results: Array<{ id: string; title: string; content: string; tags: string[]; updatedAt: number }> = [];
 
   graph.forEachNode((id, attrs: KnowledgeNodeAttributes) => {
     if (attrs.proxyFor) return; // skip proxy nodes
@@ -192,7 +192,7 @@ export function listNotes(
     if (lowerTag) {
       if (!attrs.tags.some(t => t.toLowerCase() === lowerTag)) return;
     }
-    results.push({ id, title: attrs.title, tags: attrs.tags, updatedAt: attrs.updatedAt });
+    results.push({ id, title: attrs.title, content: attrs.content.slice(0, 500), tags: attrs.tags, updatedAt: attrs.updatedAt });
   });
 
   return results

src/graphs/skill.ts

@@ -365,7 +365,7 @@ export function listSkills(
     results.push({
       id,
       title: attrs.title,
-      description: attrs.description,
+      description: attrs.description?.slice(0, 500),
       steps: attrs.steps,
       triggers: attrs.triggers,
       inputHints: attrs.inputHints,

src/graphs/task.ts

@@ -375,7 +375,7 @@ export function listTasks(
     results.push({
       id,
       title: attrs.title,
-      description: attrs.description,
+      description: attrs.description?.slice(0, 500),
       status: attrs.status,
       priority: attrs.priority,
       tags: attrs.tags,

src/tests/knowledge-graph.test.ts

@@ -200,6 +200,19 @@ describe('CRUD — Notes', () => {
     it('limit=1 returns 1', () => {
       expect(listNotes(g, undefined, undefined, 1)).toHaveLength(1);
     });
+
+    it('returns content field', () => {
+      const note = listNotes(g).find(n => n.id === id1);
+      expect(note?.content).toBe('Updated: JWT with refresh tokens.');
+    });
+
+    it('truncates content to 500 chars', () => {
+      const longContent = 'x'.repeat(1000);
+      const g2 = createKnowledgeGraph();
+      createNote(g2, 'Long Note', longContent, [], unitVec(0));
+      const note = listNotes(g2)[0];
+      expect(note.content).toHaveLength(500);
+    });
   });
 
   describe('createRelation', () => {

src/tests/skill-graph.test.ts

@@ -244,6 +244,19 @@ describe('CRUD — Skills', () => {
     it('limit=1 returns 1', () => {
       expect(listSkills(g, { limit: 1 })).toHaveLength(1);
     });
+
+    it('returns description field', () => {
+      const skill = listSkills(g).find(s => s.id === id1);
+      expect(skill?.description).toBe('Updated: complete guide to REST endpoints.');
+    });
+
+    it('truncates description to 500 chars', () => {
+      const longDesc = 'x'.repeat(1000);
+      const g2 = createSkillGraph();
+      createSkill(g2, 'Long Skill', longDesc, ['step'], ['trigger'], [], [], [], 'user', 1, unitVec(0));
+      const skill = listSkills(g2)[0];
+      expect(skill.description).toHaveLength(500);
+    });
   });
 
   describe('createSkillRelation', () => {

src/tests/task-graph.test.ts

@@ -246,6 +246,19 @@ describe('CRUD — Tasks', () => {
       expect(listTasks(g, { limit: 1 })).toHaveLength(1);
     });
 
+    it('returns description field', () => {
+      const task = listTasks(g).find(t => t.id === id1);
+      expect(task?.description).toBe('Updated: redirect loop fixed.');
+    });
+
+    it('truncates description to 500 chars', () => {
+      const longDesc = 'x'.repeat(1000);
+      const g2 = createTaskGraph();
+      createTask(g2, 'Long Task', longDesc, 'todo', 'medium', [], unitVec(0));
+      const task = listTasks(g2)[0];
+      expect(task.description).toHaveLength(500);
+    });
+
     it('dueDate sorting: tasks with dueDate before nulls', () => {
       // id2 has dueDate, others don't; among same priority, dueDate first
       const medTasks = listTasks(g, { priority: 'medium' });

ui/src/entities/note/NoteCard.tsx

@@ -33,8 +33,17 @@ export function NoteCard({ note, score, onClick, onEdit }: NoteCardProps) {
               )}
             </Box>
             {note.content && (
-              <Typography variant="body2" sx={{ color: palette.custom.textMuted }} noWrap>
-                {note.content}
+              <Typography
+                variant="body2"
+                sx={{
+                  color: palette.custom.textMuted,
+                  display: '-webkit-box',
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: 'vertical',
+                  overflow: 'hidden',
+                }}
+              >
+                {note.content.replace(/^#+\s*/gm, '').replace(/[*_`]/g, '').trim()}
               </Typography>
             )}
             {note.tags?.length > 0 && (