Update app.py

app.py

@@ -156,81 +156,89 @@ from streamlit_dnd_list import dnd_list
 import json
 
 # ------------------------------
-# PAGE 3. 그룹 조정 (도메인 간 드래그 가능)
+# PAGE 3. 그룹 조정 (도메인 간 이동 지원, 안정형)
 # ------------------------------
 elif st.session_state.page == "그룹 조정":
-    st.title("3️⃣ 업무 그룹 재정렬")
+    st.title("3️⃣ 업무 그룹 정리하기")
     st.markdown("""
-    드래그앤드랍으로 업무를 자유롭게 이동하세요.  
-    - **도메인 간 이동 가능**  
-    - 각 도메인은 색상으로 구분되어 있습니다.  
-    - 항목 더블클릭 시 삭제, 하단에서 새 업무 추가 가능.
+    도메인별 업무를 확인하고 정리하세요.  
+    - 각 열은 **도메인**을 나타냅니다.  
+    - **드래그로 순서 조정**, **다른 도메인으로 이동**, **삭제 및 추가** 모두 가능합니다.
     """)
 
     st.divider()
-
-    # 도메인 데이터 준비
     domains = st.session_state.domains + ["기타"]
-    grouped = {d: st.session_state.grouped_tasks.get(d, []) for d in domains}
-
-    # 도메인별 색상 팔레트 (파스텔톤)
-    colors = ["#E3F2FD", "#E8F5E9", "#FFF8E1", "#FCE4EC", "#E0F7FA"]
-    color_map = {d: colors[i % len(colors)] for i, d in enumerate(domains)}
+    updated_grouped = {d: list(st.session_state.grouped_tasks.get(d, [])) for d in domains}
 
-    # dnd_list를 위한 구조
-    dnd_data = [{"header": d, "items": grouped[d]} for d in domains]
+    # 도메인별 색상 팔레트 (시각 구분)
+    palette = ["#E3F2FD", "#E8F5E9", "#FFF8E1", "#FCE4EC", "#E0F7FA"]
+    domain_colors = {d: palette[i % len(palette)] for i, d in enumerate(domains)}
 
-    # CSS (깔끔한 카드형)
+    # CSS - 카드 스타일
     st.markdown("""
         <style>
-        .stApp {background-color:#f4f6f8;}
-        div[data-testid="stVerticalBlock"]>div>div>div>div>div {
-            background-color: transparent !important;
+        .task-card {
+            background-color: white;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            padding: 6px 10px;
+            margin-bottom: 6px;
+            font-size: 14px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+        }
+        .domain-box {
+            border-radius: 10px;
+            padding: 8px;
+            margin: 4px;
         }
         </style>
     """, unsafe_allow_html=True)
 
-    # DnD 리스트 렌더링
-    result = dnd_list(
-        dnd_data,
-        direction="horizontal",        # 도메인 가로 배치
-        titles=[d for d in domains],   # 도메인 이름 표시
-        background_color="#f4f6f8",
-        container_style={"padding": "10px"},
-        card_style={
-            "padding": "8px 10px",
-            "margin": "4px",
-            "borderRadius": "6px",
-            "backgroundColor": "#fff",
-            "border": "1px solid #ddd",
-            "boxShadow": "0 1px 2px rgba(0,0,0,0.1)",
-        },
-        header_style={
-            "fontWeight": "600",
-            "textAlign": "center",
-            "padding": "6px",
-            "borderRadius": "6px",
-        },
-        header_colors=[color_map[d] for d in domains],
-        key="dragdrop",
-    )
-
-    # 결과 반영 (result는 리스트 구조)
-    if result:
-        updated_grouped = {block["header"]: block["items"] for block in result}
-        st.session_state.grouped_tasks = updated_grouped
-
-    # 업무 추가 영역
-    st.markdown("---")
-    st.markdown("### ➕ 새 업무 추가")
     cols = st.columns(len(domains))
     for i, d in enumerate(domains):
         with cols[i]:
-            new_task = st.text_input(f"{d} 추가", key=f"add_{i}")
-            if st.button("추가", key=f"btn_add_{i}") and new_task.strip():
-                st.session_state.grouped_tasks[d].append(new_task.strip())
+            bg_color = domain_colors[d]
+            st.markdown(f"<div class='domain-box' style='background-color:{bg_color};'>", unsafe_allow_html=True)
+            st.markdown(f"### 📦 {d}")
+
+            tasks = updated_grouped.get(d, [])
+            new_task_list = []
+
+            # 정렬
+            sorted_tasks = sort_items(tasks, direction="vertical", key=f"sort_{d}")
+
+            for t in sorted_tasks:
+                c1, c2, c3 = st.columns([4, 1, 1])
+                with c1:
+                    st.markdown(f"<div class='task-card'>{t}</div>", unsafe_allow_html=True)
+                with c2:
+                    if st.button("🗑", key=f"del_{d}_{t}"):
+                        continue  # 삭제
+                with c3:
+                    move_target = st.selectbox(
+                        "→",
+                        ["(이동)"] + [x for x in domains if x != d],
+                        key=f"move_{d}_{t}",
+                    )
+                    if move_target != "(이동)":
+                        # 도메인 간 이동 처리
+                        st.session_state.grouped_tasks.setdefault(move_target, []).append(t)
+                        st.session_state.grouped_tasks[d] = [x for x in sorted_tasks if x != t]
+                        st.rerun()
+                new_task_list.append(t)
+
+            # 새 업무 추가
+            new_task = st.text_input(f"{d} 새 업무", key=f"add_{i}")
+            if st.button(f"➕ 추가 ({d})", key=f"btn_add_{i}") and new_task.strip():
+                new_task_list.append(new_task.strip())
+                st.session_state.grouped_tasks[d] = new_task_list
                 st.rerun()
 
+            updated_grouped[d] = new_task_list
+            st.markdown("</div>", unsafe_allow_html=True)
+
+    st.session_state.grouped_tasks = updated_grouped
+
     st.divider()
     c1, c2 = st.columns(2)
     if c1.button("⬅️ 이전: 발산 다시보기"):