Update app.py

app.py

@@ -1,18 +1,16 @@
 import time
 import gradio as gr
 
-# ----- 고정 기본값(화면에는 노출 안 함) -----
+# ----- 고정 기본값 -----
 DEFAULTS = dict(
-    Hn=8.0,       # 기준 낙차 (m)
-    Qn=3.5,       # 기준 유량 (m3/s)
-    rain_thr=40.0,# 고유량 판정 강수량 (mm/24h)
-    dp_limit=3.0, # 트래시랙 허용 한계 (kPa) -> 정비
-    soc_limit=90.0, # ESS SoC 허용 한계 (%) -> 정비
-    rho=1000.0,
-    g=9.80665
+    Hn=8.0, Qn=3.5,
+    rain_thr=40.0,
+    dp_limit=3.0,
+    soc_limit=90.0,
+    rho=1000.0, g=9.80665
 )
 
-# ====== 계산 로직 ======
+# ===== 계산 로직 =====
 def electrical_power_kw(Q, H, eta, rho=DEFAULTS["rho"], g=DEFAULTS["g"]):
     if Q <= 0 or H <= 0 or eta <= 0:
         return 0.0
@@ -29,10 +27,8 @@ def efficiency_from_relative_flow(r):
     return 0.0
 
 def decide_mode(Q, Qn, rain, dp, soc, rain_thr, dp_limit, soc_limit):
-    # 정비 우선
     if (dp is not None and dp > dp_limit) or (soc is not None and soc >= soc_limit):
         return "정비"
-    # 유량 기반 모드
     if Q < 0.4*Qn:
         return "저유량"
     if (Q > 1.2*Qn) or (rain >= rain_thr):
@@ -77,13 +73,12 @@ def mode_badge(mode:str)->str:
       <span style="font-size:18px">{icon}</span><span>{'정비 모드' if mode=='정비' else '운전 모드 : '+mode}</span>
     </div>"""
 
-# --- 더 크게 보이도록 도넛 게이지 확대 ---
 def donut(label:str, value:float, maxv:float, unit:str=""):
     disp_val = round(float(value), 1)
     maxv = max(1e-6, float(maxv))
     pct = max(0.0, min(float(value)/maxv, 1.0))
 
-    size = 220  # ↑ 확대
+    size = 220
     r = 86
     stroke = 18
     C = 2*3.14159*r
@@ -155,14 +150,14 @@ def _evaluate(Q_in, rain_mm, dp_kpa, soc_pct,
                f"- 현재 유량 Q: {Q_in:.1f} m³/s (기준 Qₙ={Qn:.1f})\n"
                f"- 강수량: {rain_mm:.1f} mm/24h (허용 {rain_thr:.1f})\n"
                f"- 트래시랙: {dp_kpa:.1f} kPa (허용 {dp_limit:.1f})\n"
-               f"- ESS 충전상태: {soc_pct:.1f}% (허용 {soc_limit:.1f}%)\n\n"
+               f"- ESS 충전률: {soc_pct:.1f}% (허용 {soc_limit:.1f}%)\n\n"
                f"▶ {st['note']}")
 
     panel = f"""<div style="display:flex;flex-direction:column;gap:18px">{header}{donuts}{chips}</div>"""
     extra = action_box(mode)
     return summary, panel, extra
 
-# ====== 외부에서 호출되는 함수들(화면은 Q/rain/dp/soc만 받음) ======
+# ===== 외부 노출 함수 =====
 def run(Q_in, rain_mm, dp_kpa, soc_pct):
     try:
         Q_in=float(Q_in); rain_mm=float(rain_mm); dp_kpa=float(dp_kpa); soc_pct=float(soc_pct)
@@ -197,46 +192,45 @@ def autoplay():
         yield (Q, rain, dp, soc, md, panel, extra)
         time.sleep(2.0)
 
-# ====== Gradio UI (한 화면, 우측 출력 크게) ======
+# ===== Gradio UI =====
 with gr.Blocks(theme=gr.themes.Soft(), title="소수력 스마트 운전모드 대시보드") as app:
-    # 약간의 전역 스타일(우측 출력 가독성 ↑)
     gr.HTML("""
     <style>
-      .gradio-container {max-width: 1200px !important;}
-      .wrap-panel > div {font-size: 16px;}
+      .gradio-container {max-width: 1300px !important;}
+      .quick-col {min-width: 210px;}
+      .quick-col .gr-button {width: 100%;}
+      .quick-title {font-weight:700;margin:8px 0 6px 0;}
     </style>
     """)
-
     gr.Markdown("## 🌊 소수력 스마트 운전모드 대시보드")
 
     with gr.Row():
-        # 좌측 입력(필요한 4개만)
+        # 좌: 입력
         with gr.Column(scale=1):
             Q_in = gr.Number(label="유량 Q (m³/s)", value=2.0)
             rain = gr.Number(label="강수량 (mm/24h)", value=10.0)
             dp   = gr.Number(label="트래시랙 (kPa)", value=1.0)
-            soc  = gr.Number(label="SoC (%)", value=50.0)
-
+            soc  = gr.Number(label="ESS 충전률 (%)", value=50.0)
             run_btn = gr.Button("▶ 실행", variant="primary")
 
-            gr.Markdown("🔘 즉시 실행")
-            with gr.Row():
-                btn_norm  = gr.Button("정상", variant="secondary")
-                btn_low   = gr.Button("저유량", variant="secondary")
-                btn_high  = gr.Button("고유량", variant="secondary")
-                btn_maint = gr.Button("정비", variant="stop")
-
-            demo_btn = gr.Button("자동 시연")
-
-        # 우측 출력(더 크게: scale=3)
+        # 가운데: 즉시 실행 패널
+        with gr.Column(scale=1, elem_classes=["quick-col"]):
+            gr.Markdown("<div class='quick-title'>⚡ 즉시 실행</div>")
+            btn_norm  = gr.Button("정상", variant="secondary")
+            btn_low   = gr.Button("저유량", variant="secondary")
+            btn_high  = gr.Button("고유량", variant="secondary")
+            btn_maint = gr.Button("정비", variant="stop")
+            gr.Markdown("<div class='quick-title'>🎬 자동 시연</div>")
+            demo_btn = gr.Button("자동 시연", variant="primary")
+
+        # 우: 출력
         with gr.Column(scale=3):
-            out_vis   = gr.HTML(elem_classes=["wrap-panel"])   # 뱃지/도넛/칩 (크게)
-            out_md    = gr.Markdown()                          # 상단 요약
-            out_extra = gr.HTML()                              # 하단 ‘동작’ 박스
+            out_vis   = gr.HTML(elem_classes=["wrap-panel"])
+            out_md    = gr.Markdown()
+            out_extra = gr.HTML()
 
-    # 바인딩 (입력 4개만 사용)
-    run_btn.click(fn=run,
-                  inputs=[Q_in, rain, dp, soc],
+    # 이벤트
+    run_btn.click(fn=run, inputs=[Q_in, rain, dp, soc],
                   outputs=[out_md, out_vis, out_extra])
 
     btn_norm.click(fn=preset_normal_and_run, outputs=[Q_in, rain, dp, soc, out_md, out_vis, out_extra])