fix(task-view): sync originalMarkdown when updating task content

- Update originalMarkdown field when task content changes in details panel
- Check both content and originalMarkdown fields for UI updates
- Fix task data propagation from filteredTasks to components
- Ensure task title changes are reflected in list/tree views immediately

Resolves issue where task title updates in details panel were not showing
in the task list until a full refresh occurred.

Author: Quorafind

src/components/task-view/content.ts

@@ -531,22 +531,28 @@ export class ContentComponent extends Component {
 
 		// Option 1: Task still visible after filtering, update in place
 		if (taskStillVisible) {
+			// Find the updated task from filteredTasks (which has been refreshed from allTasks)
+			const taskFromFiltered = this.filteredTasks.find(t => t.id === updatedTask.id);
+			if (!taskFromFiltered) {
+				return;
+			}
+			
 			// Find the rendered component and update it
 			if (!this.isTreeView) {
 				const component = this.taskComponents.find(
 					(c) => c.getTask().id === updatedTask.id
 				);
-				component?.updateTask(updatedTask); // Update rendered component
+				component?.updateTask(taskFromFiltered); // Update rendered component with filtered task
 			} else {
 				// For tree view, check root components and recursively search
 				let updated = false;
 				for (const rootComp of this.treeComponents) {
 					if (rootComp.getTask().id === updatedTask.id) {
-						rootComp.updateTask(updatedTask);
+						rootComp.updateTask(taskFromFiltered);
 						updated = true;
 						break;
 					} else {
-						if (rootComp.updateTaskRecursively(updatedTask)) {
+						if (rootComp.updateTaskRecursively(taskFromFiltered)) {
 							updated = true;
 							break;
 						}

src/components/task-view/details.ts

@@ -509,7 +509,12 @@ export class TaskDetailsComponent extends Component {
 			const updatedTask: Task = { ...task };
 
 			// Update task properties
-			updatedTask.content = contentInput.getValue();
+			const newContent = contentInput.getValue();
+			updatedTask.content = newContent;
+			// Also update originalMarkdown if content has changed
+			if (task.content !== newContent) {
+				updatedTask.originalMarkdown = newContent;
+			}
 
 			// Update metadata properties
 			const metadata = { ...updatedTask.metadata };
@@ -854,6 +859,7 @@ export class TaskDetailsComponent extends Component {
 		// Compare key properties that can be edited in the form
 		const compareProps = [
 			"content",
+			"originalMarkdown",
 			"project",
 			"tags",
 			"context",

src/components/task-view/listItem.ts

@@ -788,14 +788,16 @@ export class TaskListItemComponent extends Component {
 			}
 		}
 
-		// If only the content changed, just update the markdown
-		if (oldTask.originalMarkdown !== task.originalMarkdown) {
-			// Just re-render the markdown content
+		// If content or originalMarkdown changed, update the markdown display
+		if (oldTask.originalMarkdown !== task.originalMarkdown || oldTask.content !== task.content) {
+			// Re-render the markdown content
 			this.contentEl.empty();
 			this.renderMarkdown();
-		} else {
-			// Full refresh needed for other changes
-			this.updateTaskDisplay();
+		}
+		
+		// Check if metadata changed and update metadata display
+		if (JSON.stringify(oldTask.metadata) !== JSON.stringify(task.metadata)) {
+			this.renderMetadata();
 		}
 	}
 

src/components/task-view/treeItem.ts

@@ -1020,15 +1020,20 @@ export class TaskTreeItemComponent extends Component {
 			}
 		}
 
-		// If only the content changed, just update the markdown
-		if (oldTask.originalMarkdown !== task.originalMarkdown) {
-			// Just re-render the markdown content
+		// If content or originalMarkdown changed, update the markdown display
+		if (oldTask.originalMarkdown !== task.originalMarkdown || oldTask.content !== task.content) {
+			// Re-render the markdown content
 			this.contentEl.empty();
 			this.renderMarkdown();
-		} else {
-			// Full refresh needed for other changes
-			this.element.empty();
-			this.onload();
+		}
+		
+		// Check if metadata changed and need full refresh
+		if (JSON.stringify(oldTask.metadata) !== JSON.stringify(task.metadata)) {
+			// Re-render metadata
+			const metadataEl = this.parentContainer.querySelector('.task-metadata') as HTMLElement;
+			if (metadataEl) {
+				this.renderMetadata(metadataEl);
+			}
 		}
 	}