Update app.py

app.py

@@ -6,43 +6,46 @@ from io import BytesIO
 import tempfile
 import os
 from streamlit_sortables import sort_items
+import hashlib
 
 # ------------------------------
-# 글로벌 스타일 설정
+# 기본 설정
 # ------------------------------
 st.set_page_config(page_title="팀 업무 구조화 도우미 (P-D-E-R-O)", layout="wide")
 
+# ------------------------------
+# 전역 스타일
+# ------------------------------
 st.markdown("""
     <style>
-    @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
     html, body, [class*="css"] {
-        font-family: 'Pretendard', sans-serif;
-        color: #222;
-        background-color: #f4f6f8;
-    }
-    h1, h2, h3 {
-        color: #2b2b2b;
-        font-weight: 700;
+        font-size: 14px !important;
+        font-family: "Noto Sans KR", "Helvetica", sans-serif;
     }
     .stButton>button {
-        border-radius: 8px;
-        border: 1px solid #d0d7de;
-        background-color: white;
-        color: #333;
-        padding: 0.5rem 1rem;
-        transition: all 0.2s ease;
-    }
-    .stButton>button:hover {
-        background-color: #e8eef5;
-        color: #111;
-    }
-    .stTextInput>div>div>input, textarea {
         border-radius: 6px;
-        border: 1px solid #d6d6d6;
+        padding: 4px 10px;
+        font-size: 13px;
     }
-    .stSelectbox>div>div {
+    .task-card {
+        background-color: #fff;
+        border: 1px solid #ddd;
         border-radius: 6px;
-        border: 1px solid #d6d6d6;
+        padding: 6px 10px;
+        margin-bottom: 6px;
+        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+        font-size: 13px;
+    }
+    .domain-box {
+        border-radius: 8px;
+        padding: 8px;
+        margin: 6px 4px;
+    }
+    .domain-header {
+        font-weight: 600;
+        font-size: 15px;
+        text-align: center;
+        margin-bottom: 6px;
     }
     </style>
 """, unsafe_allow_html=True)
@@ -50,42 +53,38 @@ st.markdown("""
 # ------------------------------
 # 세션 초기화
 # ------------------------------
-if "page" not in st.session_state:
-    st.session_state.page = "도메인 설정"
-if "domains" not in st.session_state:
-    st.session_state.domains = []
-if "grouped_tasks" not in st.session_state:
-    st.session_state.grouped_tasks = {}
-if "dependencies" not in st.session_state:
-    st.session_state.dependencies = {}
-if "outputs" not in st.session_state:
-    st.session_state.outputs = {}
+for key in ["page", "domains", "grouped_tasks", "dependencies", "outputs", "code_map"]:
+    if key not in st.session_state:
+        if key == "page":
+            st.session_state[key] = "도메인 설정"
+        elif key in ["grouped_tasks", "dependencies", "outputs", "code_map"]:
+            st.session_state[key] = {}
+        else:
+            st.session_state[key] = []
 
 # ------------------------------
-# 네비게이션 함수
+# Helper Functions
 # ------------------------------
 def goto(page):
     st.session_state.page = page
     st.rerun()
 
-# ------------------------------
-# 헬퍼 함수
-# ------------------------------
 def export_file(df, kind="csv"):
     if kind == "csv":
         return df.to_csv(index=False).encode("utf-8-sig")
-    bio = BytesIO()
-    with pd.ExcelWriter(bio, engine="openpyxl") as w:
-        df.to_excel(w, index=False, sheet_name="tasks")
-    bio.seek(0)
-    return bio.getvalue()
+    if kind == "xlsx":
+        bio = BytesIO()
+        with pd.ExcelWriter(bio, engine="openpyxl") as w:
+            df.to_excel(w, index=False, sheet_name="tasks")
+        bio.seek(0)
+        return bio.getvalue()
 
 def draw_dependency_graph(df):
     G = nx.DiGraph()
     color_map = {"P": "#A7C7E7", "D": "#FFE8A3", "E": "#A8E6CF", "R": "#FFD3B6", "O": "#FFAAA5"}
     for _, row in df.iterrows():
         code = row["code"]
-        label = f"{row['name']}"
+        label = row["name"]
         lifecycle = row.get("lifecycle", "E")
         color = color_map.get(lifecycle, "#CFCFCF")
         G.add_node(code, label=label, color=color)
@@ -93,7 +92,7 @@ def draw_dependency_graph(df):
             dep = dep.strip()
             if dep:
                 G.add_edge(dep, code)
-    nt = Network(height="550px", width="100%", directed=True, bgcolor="#FFFFFF", font_color="#222")
+    nt = Network(height="550px", width="100%", directed=True, bgcolor="#FFFFFF", font_color="#222222")
     nt.from_nx(G)
     tmp_path = tempfile.NamedTemporaryFile(delete=False, suffix=".html").name
     nt.save_graph(tmp_path)
@@ -103,168 +102,113 @@ def draw_dependency_graph(df):
     return html
 
 # ------------------------------
-# PAGE 1. 도메인 설정
+# 상단 진행바
+# ------------------------------
+steps = [
+    "도메인 설정", "업무 발산", "그룹 조정", "의존성 판단", "산출물 정의", "최종 정리"
+]
+current_idx = steps.index(st.session_state.page) if st.session_state.page in steps else 0
+progress_ratio = (current_idx + 1) / len(steps)
+st.progress(progress_ratio, text=f"단계 {current_idx+1} / {len(steps)} : {st.session_state.page}")
+
+# ------------------------------
+# 1️⃣ 도메인 설정
 # ------------------------------
 if st.session_state.page == "도메인 설정":
     st.title("1️⃣ 도메인 설정")
     st.markdown("""
-    팀이 하고 있는 일을 3~4개의 **도메인(업무 범주)** 로 나누어 봅니다.  
-    예: 운영관리, 교육운영, 진단개발, 데이터분석 등
+    팀의 주요 업무 도메인을 3~4개로 정의해보세요.
+    예: 운영관리 / 교육운영 / 진단개발 / 데이터분석
     """)
-
     cols = st.columns(4)
     new_domains = []
     for i in range(4):
         with cols[i]:
-            val = st.text_input(f"도메인 {i+1}", st.session_state.domains[i] if i < len(st.session_state.domains) else "")
-            if val:
-                new_domains.append(val.strip())
+            d = st.text_input(f"도메인 {i+1}", st.session_state.domains[i] if i < len(st.session_state.domains) else "")
+            if d:
+                new_domains.append(d)
     st.session_state.domains = [d for d in new_domains if d]
-    if st.button("➡️ 다음: 업무 발산하기") and st.session_state.domains:
+    if st.button("➡️ 다음: 업무 발산"):
         goto("업무 발산")
 
 # ------------------------------
-# PAGE 2. 업무 발산
+# 2️⃣ 업무 발산
 # ------------------------------
-if st.session_state.page == "업무 발산":
-    st.title("2️⃣ 업무 자유 발산")
-    st.markdown("""
-    각 도메인별로 팀에서 실제 하고 있는 일을 가능한 한 많이 적어보세요.  
-    형식은 자유롭습니다. 나중에 묶고 정리할 수 있습니다.
-    """)
+elif st.session_state.page == "업무 발산":
+    st.title("2️⃣ 업무 발산")
+    st.markdown("각 도메인별로 팀이 실제 수행 중인 업무를 자유롭게 나열하세요.")
     for d in st.session_state.domains + ["기타"]:
         st.subheader(f"📂 {d}")
-        task_text = st.text_area(
-            f"{d} 도메인의 업무들",
-            key=f"tasks_{d}",
-            height=150,
-            placeholder="예: 리더십 진단 결과 리포트 작성\n조직문화 교육 기획\n데이터 정리 자동화 등"
-        )
-        if task_text:
-            st.session_state.grouped_tasks[d] = [
-                t.strip() for t in task_text.split("\n") if t.strip()
-            ]
+        text = st.text_area(f"{d} 업무 입력", key=f"tasks_{d}", height=150,
+                            placeholder="예: 리더십 진단 결과 리포트 작성\n조직문화 교육 기획\n데이터 정리 자동화 등")
+        if text:
+            st.session_state.grouped_tasks[d] = [t.strip() for t in text.split("\n") if t.strip()]
     if st.button("➡️ 다음: 그룹 조정"):
         goto("그룹 조정")
 
-
 # ------------------------------
-# PAGE 3. 그룹 조정
+# 3️⃣ 그룹 조정
 # ------------------------------
 elif st.session_state.page == "그룹 조정":
-    st.title("3️⃣ 업무 그룹 정리하기")
-    st.markdown("""
-    각 도메인별로 정리된 업무를 관리하세요.  
-    - **드래그 앤 드롭**으로 순서를 바꿀 수 있습니다.  
-    - **🗑 버튼**으로 삭제할 수 있습니다.  
-    - **→ 선택박스**를 통해 다른 도메인으로 이동할 수 있습니다.  
-    - **➕ 추가 버튼**으로 새 업무를 등록할 수 있습니다.
-    """)
-
+    st.title("3️⃣ 업무 그룹 조정")
+    st.markdown("드래그 앤 드롭으로 업무 순서를 조정하고, 필요 시 도메인 간 이동하세요.")
     st.divider()
-    domains = st.session_state.domains + ["기타"]
-    updated_grouped = {
-        d: list(st.session_state.grouped_tasks.get(d, [])) for d in domains
-    }
 
-    # 색상 정의
+    domains = st.session_state.domains + ["기타"]
+    updated = {d: list(st.session_state.grouped_tasks.get(d, [])) for d in domains}
     palette = ["#E3F2FD", "#E8F5E9", "#FFF8E1", "#FCE4EC", "#E0F7FA"]
-    domain_colors = {d: palette[i % len(palette)] for i, d in enumerate(domains)}
-
-    # 스타일
-    st.markdown("""
-        <style>
-        .task-card {
-            background-color: #fff;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            padding: 6px 10px;
-            margin-bottom: 6px;
-            font-size: 14px;
-        }
-        .domain-box {
-            border-radius: 10px;
-            padding: 10px;
-            margin: 4px;
-        }
-        </style>
-    """, unsafe_allow_html=True)
-
     cols = st.columns(len(domains))
     for i, d in enumerate(domains):
         with cols[i]:
-            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}")
-
+            bg = palette[i % len(palette)]
+            st.markdown(f"<div class='domain-box' style='background-color:{bg};'>", unsafe_allow_html=True)
+            st.markdown(f"<div class='domain-header'>📦 {d}</div>", unsafe_allow_html=True)
+            sorted_tasks = sort_items(updated[d], 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}"):
-                        st.session_state.grouped_tasks[d] = [
-                            x for x in sorted_tasks if x != t
-                        ]
+                        updated[d].remove(t)
                         st.rerun()
                 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
-                        ]
+                    move_to = st.selectbox("→", ["(이동)"] + [x for x in domains if x != d], key=f"mv_{d}_{t}")
+                    if move_to != "(이동)":
+                        updated[move_to].append(t)
+                        updated[d].remove(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
+            new_t = st.text_input(f"{d} 새 업무", key=f"add_{i}")
+            if st.button(f"➕ 추가 ({d})", key=f"btn_add_{i}") and new_t.strip():
+                updated[d].append(new_t.strip())
                 st.rerun()
-
-            updated_grouped[d] = new_task_list
             st.markdown("</div>", unsafe_allow_html=True)
-
-    st.session_state.grouped_tasks = updated_grouped
-
-    st.divider()
+    st.session_state.grouped_tasks = updated
     c1, c2 = st.columns(2)
-    if c1.button("⬅️ 이전: 업무 발산 다시보기"):
+    if c1.button("⬅️ 이전: 업무 발산"):
         goto("업무 발산")
     if c2.button("➡️ 다음: 의존성 판단"):
         goto("의존성 판단")
 
 # ------------------------------
-# PAGE 4. 의존성 판단
+# 4️⃣ 의존성 판단
 # ------------------------------
 elif st.session_state.page == "의존성 판단":
-    st.title("4️⃣ 업무 간 의존성 판단")
-    st.markdown("""
-    업무 간 **선후 관계(의존성)** 를 선택하세요.  
-    예: “데이터 수집 → 분석 리포트 작성”
-    """)
-    all_tasks = [t for tasks in st.session_state.grouped_tasks.values() for t in tasks]
-    dependencies = {}
-    for t in all_tasks:
-        deps = st.multiselect(f"'{t}' 이전에 필요한 업무", [x for x in all_tasks if x != t],
-                              default=st.session_state.dependencies.get(t, []))
-        dependencies[t] = deps
-    st.session_state.dependencies = dependencies
+    st.title("4️⃣ 의존성 판단")
+    st.markdown("각 업무 간의 선후 관계(의존성)를 도메인별로 지정하세요.")
+    st.divider()
+    domains = st.session_state.domains + ["기타"]
+    deps = {}
+    for d in domains:
+        st.subheader(f"📂 {d}")
+        tasks = st.session_state.grouped_tasks.get(d, [])
+        all_tasks = [t for td in st.session_state.grouped_tasks.values() for t in td]
+        for t in tasks:
+            key = f"deps_{hashlib.md5(f'{d}_{t}'.encode()).hexdigest()[:8]}"
+            selected = st.multiselect(f"'{t}' 이전에 필요한 업무", [x for x in all_tasks if x != t],
+                                      default=st.session_state.dependencies.get(t, []), key=key)
+            deps[t] = selected
+    st.session_state.dependencies = deps
     c1, c2 = st.columns(2)
     if c1.button("⬅️ 이전: 그룹 조정"):
         goto("그룹 조정")
@@ -272,19 +216,18 @@ elif st.session_state.page == "의존성 판단":
         goto("산출물 정의")
 
 # ------------------------------
-# PAGE 5. 산출물 정의
+# 5️⃣ 산출물 정의
 # ------------------------------
 elif st.session_state.page == "산출물 정의":
     st.title("5️⃣ 산출물 정의")
-    st.markdown("각 업무의 결과물(산출물)을 입력하세요. 예: 보고서, 대시보드, 교육자료 등")
-
-    outputs = {}
+    st.markdown("각 업무가 만들어내는 산출물(Output)을 입력하세요.")
+    outs = {}
     for d, tasks in st.session_state.grouped_tasks.items():
         st.subheader(f"📂 {d}")
         for t in tasks:
-            val = st.text_input(f"{t} → 산출물", value=st.session_state.outputs.get(t, ""))
-            outputs[t] = val
-    st.session_state.outputs = outputs
+            val = st.text_input(f"{t} → 산출물", value=st.session_state.outputs.get(t, ""), key=f"out_{t}")
+            outs[t] = val
+    st.session_state.outputs = outs
     c1, c2 = st.columns(2)
     if c1.button("⬅️ 이전: 의존성 판단"):
         goto("의존성 판단")
@@ -292,37 +235,70 @@ elif st.session_state.page == "산출물 정의":
         goto("최종 정리")
 
 # ------------------------------
-# PAGE 6. 최종 정리
+# 6️⃣ 최종 정리 + 코드화 단계
 # ------------------------------
 elif st.session_state.page == "최종 정리":
-    st.title("6️⃣ 최종 정리 및 다운로드")
-    st.markdown("정리된 업무 구조를 확인하고, 그래프와 파일로 다운로드하세요.")
+    st.title("6️⃣ 최종 정리 및 업무 코드화")
+    st.markdown("각 업무를 **유형 / 사이클 / 소요시간** 기준으로 코드화하세요.")
+    st.divider()
+
+    type_opts = ["COMM", "CEO", "MULTI", "DEEP", "ADHOC"]
+    cycle_opts = ["P", "D", "E", "R", "O"]
+    time_opts = ["T", "FE"]
 
+    code_map = {}
+    for d, tasks in st.session_state.grouped_tasks.items():
+        st.subheader(f"📂 {d}")
+        for t in tasks:
+            c1, c2, c3 = st.columns(3)
+            with c1:
+                typ = st.selectbox(f"{t} - 유형", type_opts, key=f"type_{t}",
+                                   index=type_opts.index(st.session_state.code_map.get(t, {}).get("type", "COMM")) if t in st.session_state.code_map else 0)
+            with c2:
+                cyc = st.selectbox("사이클", cycle_opts, key=f"cycle_{t}",
+                                   index=cycle_opts.index(st.session_state.code_map.get(t, {}).get("cycle", "E")) if t in st.session_state.code_map else 2)
+            with c3:
+                tm = st.selectbox("소요시간", time_opts, key=f"time_{t}",
+                                  index=time_opts.index(st.session_state.code_map.get(t, {}).get("time", "T")) if t in st.session_state.code_map else 0)
+            code_map[t] = {"type": typ, "cycle": cyc, "time": tm}
+
+    st.session_state.code_map = code_map
+
+    # 데이터프레임 정리
     rows = []
     for d, tasks in st.session_state.grouped_tasks.items():
         for i, t in enumerate(tasks, 1):
             deps = ",".join(st.session_state.dependencies.get(t, []))
             outp = st.session_state.outputs.get(t, "")
+            meta = st.session_state.code_map.get(t, {})
             rows.append({
-                "domain": d, "order": i, "name": t,
-                "depends_on": deps, "output": outp,
-                "code": f"{d[:3].upper()}-{i:02d}", "lifecycle": "E"
+                "domain": d,
+                "order": i,
+                "name": t,
+                "depends_on": deps,
+                "output": outp,
+                "type": meta.get("type", ""),
+                "cycle": meta.get("cycle", ""),
+                "time": meta.get("time", ""),
+                "code": f"{d[:3].upper()}-{i:02d}"
             })
     df = pd.DataFrame(rows)
     st.dataframe(df, use_container_width=True)
+
+    # 그래프
     html = draw_dependency_graph(df)
     st.components.v1.html(html, height=600, scrolling=True)
 
+    # Export
     csv_data = export_file(df, "csv")
     xlsx_data = export_file(df, "xlsx")
     c1, c2 = st.columns(2)
-    c1.download_button("⬇️ CSV 다운로드", csv_data, "tasks.csv", "text/csv")
-    c2.download_button("⬇️ Excel 다운로드", xlsx_data, "tasks.xlsx")
+    c1.download_button("⬇️ CSV 다운로드", csv_data, "tasks_code.csv", "text/csv")
+    c2.download_button("⬇️ Excel 다운로드", xlsx_data, "tasks_code.xlsx")
 
     if st.button("🔄 처음으로 돌아가기"):
-        for k in ["page","domains","grouped_tasks","dependencies","outputs"]:
-            if k in st.session_state:
-                del st.session_state[k]
+        for k in ["page", "domains", "grouped_tasks", "dependencies", "outputs", "code_map"]:
+            st.session_state[k] = [] if k == "domains" else {}
         goto("도메인 설정")
 
-st.caption("© 2025 팀 업무 구조화 도우미 — Crystal's")
+st.caption("© 2025 팀 업무 구조화 도우미 – Streamlit 기반 | Designed for clarity & usability")