feat(project): 좌측 프로젝트 목록에 수정(✎) 버튼 추가

프로젝트 상세 화면 좌측 트리는 renderTree()가 매번 JS로 다시 그리므로
(라이브 새로고침 포함) 실제 동작은 projectsMeta/treeProjLi/wireTreeHandlers
쪽에 구현 — 홈 화면과 같은 프로젝트 수정 모달(이름/설명/기간/색상/완료
토글)을 재사용. 서버 쪽 projects_meta·nav_projects 에 description/status
필드 추가(기존엔 없어서 수정 폼을 못 채웠음). Jinja 쪽 nav_projects 루프도
동일하게 맞춰뒀지만 JS가 즉시 덮어쓰므로 첫 페인트용일 뿐 — 기존 삭제
버튼도 같은 이중 구조였음(관례를 그대로 따름).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/static/project.js

@@ -1979,16 +1979,24 @@
     // ── 프로젝트 트리(사이드바) — 아사나처럼 프로젝트 이름만 나열한다(업무 목록은
     // 안 보여준다 — 업무는 가운데 화면에서만 본다). 색상 원(첫 글자) 아이콘.
     function treeProjLi(p) {
-      const del = isAdmin
-        ? '<span class="pj-tree-acts"><button type="button" class="pj-icon-btn pj-tree-del" data-id="' + p.id +
-          '" data-name="' + escapeHtml(p.name) + '" data-creator="' + escapeHtml(p.created_by || "") + '" title="프로젝트 삭제">×</button></span>'
-        : "";
+      let acts = "";
+      if (isAdmin) {
+        acts = '<span class="pj-tree-acts">' +
+          '<button type="button" class="pj-icon-btn pj-tree-edit" data-id="' + p.id +
+          '" data-name="' + escapeHtml(p.name) + '" data-desc="' + escapeHtml(p.description || "") +
+          '" data-start="' + (p.start_date || "") + '" data-due="' + (p.due_date || "") +
+          '" data-color="' + (p.color || "#4573d2") + '" data-status="' + (p.status || "active") +
+          '" title="프로젝트 수정">✎</button>' +
+          '<button type="button" class="pj-icon-btn pj-tree-del" data-id="' + p.id +
+          '" data-name="' + escapeHtml(p.name) + '" data-creator="' + escapeHtml(p.created_by || "") + '" title="프로젝트 삭제">×</button>' +
+          "</span>";
+      }
       const initial = escapeHtml((p.name || "?").trim().charAt(0).toUpperCase() || "?");
       return '<li class="pj-tree-li" data-id="' + p.id + '"><div class="pj-tree-row ' +
         (p.id === projectId ? "is-active" : "") + '">' +
         '<a class="pj-tree-link" href="/project/p/' + p.id + '">' +
         '<span class="pj-tree-avatar" style="background:' + (p.color || "#4573d2") + '">' + initial + "</span>" +
-        '<span class="pj-tree-name">' + escapeHtml(p.name) + "</span></a>" + del + "</div></li>";
+        '<span class="pj-tree-name">' + escapeHtml(p.name) + "</span></a>" + acts + "</div></li>";
     }
     function wireTreeHandlers(rootUl) {
       rootUl.querySelectorAll(".pj-tree-del").forEach(function (b) {
@@ -2003,6 +2011,12 @@
           } catch (err) { alert("삭제 실패: " + err.message); }
         });
       });
+      rootUl.querySelectorAll(".pj-tree-edit").forEach(function (b) {
+        b.addEventListener("click", function (e) {
+          e.preventDefault(); e.stopPropagation();
+          openProjectEditModal(b.dataset);
+        });
+      });
     }
     function renderTree() {
       const rootUl = el("pj-tree-root");
@@ -2024,6 +2038,52 @@
       } catch (e) { alert("생성 실패: " + e.message); }
     });
 
+    // ── 좌측 프로젝트 목록 ✎ 버튼 — 프로젝트 수정 모달(홈 화면과 동일).
+    // 트리는 renderTree() 로 매번 다시 그려지므로(라이브 새로고침 포함) 열기
+    // 로직을 재사용 가능한 함수로 두고, wireTreeHandlers 에서 매번 다시 건다.
+    const editModal = el("pj-modal-edit");
+    let getEditColor = null;
+    function openProjectEditModal(data) {
+      el("pj-e-id").value = data.id;
+      el("pj-e-name").value = data.name || "";
+      el("pj-e-desc").value = data.desc || "";
+      el("pj-e-start").value = data.start || "";
+      el("pj-e-due").value = data.due || "";
+      el("pj-e-done").checked = data.status === "completed";
+      getEditColor = renderColorPalette(el("pj-e-colors"), null, data.color);
+      openModal(editModal);
+    }
+    if (editModal) {
+      wireModalClose(editModal);
+      el("pj-save-edit").addEventListener("click", async function () {
+        const id = el("pj-e-id").value;
+        const name = el("pj-e-name").value.trim();
+        if (!name) { alert("이름을 입력하세요."); return; }
+        try {
+          await api("PUT", "/project/api/projects/" + id, {
+            name: name,
+            description: el("pj-e-desc").value.trim(),
+            start_date: el("pj-e-start").value || null,
+            due_date: el("pj-e-due").value || null,
+            color: getEditColor ? getEditColor() : undefined,
+            status: el("pj-e-done").checked ? "completed" : "active",
+          });
+          location.reload();
+        } catch (e) { alert("저장 실패: " + e.message); }
+      });
+      el("pj-delete-project").addEventListener("click", async function () {
+        const id = el("pj-e-id").value;
+        const p = projectsMeta.find(function (x) { return String(x.id) === String(id); });
+        if (p && !canDelete(p.created_by)) { alert(DELETE_DENIED); return; }
+        if (!confirm("이 프로젝트를 삭제할까요? 안의 업무도 모두 삭제됩니다.")) return;
+        try {
+          await api("DELETE", "/project/api/projects/" + id);
+          if (String(id) === String(projectId)) location.href = "/project/";
+          else location.reload();
+        } catch (e) { alert("삭제 실패: " + e.message); }
+      });
+    }
+
     // ── 멤버 배정/제외 (관리자) ──
     const memberModal = el("pj-modal-member");
     wireModalClose(memberModal);