Fix: Context menu delete integration with recursive tree, added Created and Edited timestamps in detail panel footer

src/components/tasks/TaskList.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import React, { useState, useEffect, useRef, useCallback } from "react";
 import { useI18n } from "@/lib/i18n";
 import { ContextMenu, MenuItem } from "@/components/ui/ContextMenu";
@@ -340,6 +340,7 @@ interface Props {
   onDemoToggleTask?: (id: string, completed: boolean) => void;
   onUpdateTaskTitle?: (id: string, title: string) => void;
   onUpdateListName?: (id: string, name: string) => void;
+  onDeleteTask?: (id: string) => void;
 }
 
 export function TaskList({
@@ -359,6 +360,7 @@ export function TaskList({
   onDemoToggleTask,
   onUpdateTaskTitle,
   onUpdateListName,
+  onDeleteTask,
 }: Props) {
   const { t } = useI18n();
   const [newTaskTitle, setNewTaskTitle] = useState("");
@@ -671,9 +673,9 @@ export function TaskList({
               icon: "🗑️",
               danger: true,
               onClick: async () => {
-                if (isDemo) {
-                  setTasks((prev) => prev.filter((t) => t.id !== contextMenu.task.id));
-                } else {
+                if (onDeleteTask) {
+                  onDeleteTask(contextMenu.task.id);
+                } else if (!isDemo) {
                   await fetch(`/api/tasks/${contextMenu.task.id}`, { method: "DELETE" });
                   onRefresh();
                 }