feat(project): 서브프로젝트 제거, 사이드 트리를 프로젝트→업무 2단계로

요구에 따라 서브프로젝트 개념을 UI 에서 제거. 좌측 트리를 프로젝트(최상위)
→ 그 안의 업무 2단계로 재구성:
- 프로젝트 노드(folder) 펼치면 소속 업무가 체크 아이콘으로 표시
- 업무 클릭 → /project/p/{id}?task={tid} 로 이동 후 해당 업무 모달 자동 오픈
- 완료 업무는 취소선. 트리에서 프로젝트 삭제(관리자)
- 과거 parent_id 서브프로젝트는 트리/홈에서 숨김(최상위만 노출)
- 홈 카드의 '서브 N' 칩 제거

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/modules/project/templates/project/inbox.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625j" />
+<link rel="stylesheet" href="/static/project.css?v=20260625k" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
@@ -45,5 +45,5 @@
   {% endif %}
 </div>
 
-<script src="/static/project.js?v=20260625j" defer></script>
+<script src="/static/project.js?v=20260625k" defer></script>
 {% endblock %}

app/modules/project/templates/project/index.html

@@ -1,7 +1,7 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625j" />
+<link rel="stylesheet" href="/static/project.css?v=20260625k" />
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 {% endblock %}
 
@@ -43,7 +43,6 @@
             <div class="pj-project-name">{{ p.name }}</div>
             {% if p.description %}<div class="pj-project-desc">{{ p.description }}</div>{% endif %}
             <div class="pj-project-meta">
-              {% if p.children %}<span class="pj-chip">서브 {{ p.children|length }}</span>{% endif %}
               {% if p.due_date %}<span class="pj-chip">마감 {{ p.due_date }}</span>{% endif %}
             </div>
           </div>
@@ -101,5 +100,5 @@
 <script>
   window.PJ_COLORS = {{ ["#4573d2","#37a3a3","#62a420","#e8a33d","#e8384f","#aa62e3","#f06a6a","#5a6772"] | tojson }};
 </script>
-<script src="/static/project.js?v=20260625j" defer></script>
+<script src="/static/project.js?v=20260625k" defer></script>
 {% endblock %}

app/modules/project/templates/project/project.html

@@ -1,49 +1,13 @@
 {% extends "erp_base.html" %}
 
 {% block head_extra %}
-<link rel="stylesheet" href="/static/project.css?v=20260625j" />
+<link rel="stylesheet" href="/static/project.css?v=20260625k" />
 <!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
 <link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
 <!-- 타임라인 vis-timeline — self-host -->
 <link href="/static/vendor/vis-timeline/vis-timeline-graph2d.min.css" rel="stylesheet" />
 {% endblock %}
 
-{# ── 아사나식 프로젝트/서브프로젝트 재귀 트리 ── #}
-{% macro proj_tree(nodes, active_id, can_edit, depth) %}
-<ul class="pj-tree" {% if depth > 0 %}data-sub="1"{% endif %}>
-  {% for n in nodes %}
-  <li class="pj-tree-li" data-id="{{ n.id }}">
-    <div class="pj-tree-row {% if n.id == active_id %}is-active{% endif %}" style="--pj-indent: {{ depth }}">
-      {% if n.children %}
-      <button type="button" class="pj-tree-caret" aria-expanded="false" title="펼치기/접기">
-        <span class="material-symbols-outlined">chevron_right</span>
-      </button>
-      {% else %}
-      <span class="pj-tree-caret-spacer"></span>
-      {% endif %}
-      <a class="pj-tree-link" href="/project/p/{{ n.id }}">
-        <span class="pj-tree-icon material-symbols-outlined" style="color: {{ n.color }}">
-          {% if n.children %}folder{% else %}check_circle{% endif %}
-        </span>
-        <span class="pj-tree-name">{{ n.name }}</span>
-      </a>
-      {% if can_edit %}
-      <span class="pj-tree-acts">
-        <button type="button" class="pj-icon-btn pj-tree-addsub" data-id="{{ n.id }}" title="서브프로젝트 추가">+</button>
-        <button type="button" class="pj-icon-btn pj-tree-del" data-id="{{ n.id }}" data-name="{{ n.name }}" title="삭제">×</button>
-      </span>
-      {% endif %}
-    </div>
-    {% if n.children %}
-    <div class="pj-tree-children" hidden>
-      {{ proj_tree(n.children, active_id, can_edit, depth + 1) }}
-    </div>
-    {% endif %}
-  </li>
-  {% endfor %}
-</ul>
-{% endmacro %}
-
 {% block topbar_actions %}
 <a class="pj-bell" href="/project/inbox" title="알림센터">
   <span class="material-symbols-outlined">notifications</span>
@@ -71,8 +35,50 @@
           <button type="button" class="pj-icon-btn" id="pj-new-project-side" title="새 프로젝트">+</button>
           {% endif %}
         </div>
-        {% if tree %}
-        {{ proj_tree(tree, project.id, (is_admin or can_manage), 0) }}
+        {% if nav_projects %}
+        <ul class="pj-tree">
+          {% for p in nav_projects %}
+          <li class="pj-tree-li" data-id="{{ p.id }}">
+            <div class="pj-tree-row {% if p.id == project.id %}is-active{% endif %}">
+              {% if p.tasks %}
+              <button type="button" class="pj-tree-caret" aria-expanded="false" title="펼치기/접기">
+                <span class="material-symbols-outlined">chevron_right</span>
+              </button>
+              {% else %}
+              <span class="pj-tree-caret-spacer"></span>
+              {% endif %}
+              <a class="pj-tree-link" href="/project/p/{{ p.id }}">
+                <span class="pj-tree-icon material-symbols-outlined" style="color: {{ p.color }}">folder</span>
+                <span class="pj-tree-name">{{ p.name }}</span>
+              </a>
+              {% if is_admin %}
+              <span class="pj-tree-acts">
+                <button type="button" class="pj-icon-btn pj-tree-del" data-id="{{ p.id }}" data-name="{{ p.name }}" title="프로젝트 삭제">×</button>
+              </span>
+              {% endif %}
+            </div>
+            {% if p.tasks %}
+            <div class="pj-tree-children" hidden>
+              <ul class="pj-tree">
+                {% for t in p.tasks %}
+                <li class="pj-tree-li pj-tree-task">
+                  <div class="pj-tree-row" style="--pj-indent: 1">
+                    <span class="pj-tree-caret-spacer"></span>
+                    <a class="pj-tree-link pj-tree-tasklink"
+                       href="/project/p/{{ p.id }}?task={{ t.id }}"
+                       data-project="{{ p.id }}" data-task="{{ t.id }}">
+                      <span class="pj-tree-icon material-symbols-outlined" style="color: {{ t.color }}">{% if t.completed %}task_alt{% else %}radio_button_unchecked{% endif %}</span>
+                      <span class="pj-tree-name {% if t.completed %}pj-tree-done{% endif %}">{{ t.title }}</span>
+                    </a>
+                  </div>
+                </li>
+                {% endfor %}
+              </ul>
+            </div>
+            {% endif %}
+          </li>
+          {% endfor %}
+        </ul>
         {% else %}
         <div class="pj-empty-sm">프로젝트 없음</div>
         {% endif %}
@@ -284,5 +290,5 @@
 </script>
 
 <script src="/static/vendor/vis-timeline/vis-timeline-graph2d.min.js"></script>
-<script src="/static/project.js?v=20260625j" defer></script>
+<script src="/static/project.js?v=20260625k" defer></script>
 {% endblock %}