From d8c4482dc4cc82937d73e1ab3fd27cb2e3cadbca Mon Sep 17 00:00:00 2001
From: devmrko <devmrko@gmail.com>
Date: Wed, 22 Jul 2026 10:39:33 +0900
Subject: [PATCH] style(poc4): use minimal HMM interface

---
 .../apps/poc4/mcp_discovery_ui.py             | 58 ++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/poc4_active_source_20260714/apps/poc4/mcp_discovery_ui.py b/poc4_active_source_20260714/apps/poc4/mcp_discovery_ui.py
index 3019f75..bbd6a6c 100644
--- a/poc4_active_source_20260714/apps/poc4/mcp_discovery_ui.py
+++ b/poc4_active_source_20260714/apps/poc4/mcp_discovery_ui.py
@@ -1284,6 +1284,62 @@ h2, h3 {
 </style>
 """
 
+HMM_MINIMAL_THEME_CSS = """
+<style>
+html, body, [data-testid="stAppViewContainer"], .stApp {
+  color-scheme: light !important;
+  background: #ffffff !important;
+  color: #12324a !important;
+  font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
+}
+
+#MainMenu { display: none; }
+.block-container { max-width: 1120px; padding-top: 1.5rem; }
+
+.kb-hero {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 24px;
+  margin: 0 0 28px;
+  padding: 0 0 22px;
+  border: 0;
+  border-bottom: 1px solid #d9e4ec;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+.kb-hero::before { display: none; }
+.kb-hero-main { min-width: 0; }
+.kb-brand-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
+.kb-mini-mark {
+  display: inline-flex; align-items: center; justify-content: center;
+  min-width: 46px; height: 28px; padding: 0 8px;
+  border-radius: 4px; background: #004b87; color: #ffffff;
+  font-size: 0.72rem; font-weight: 800;
+}
+.kb-brand-name { color: #004b87; font-size: 0.9rem; font-weight: 700; }
+.kb-brand-sub, .kb-hero p { color: #5f7280; }
+.kb-hero h1 { margin: 0; color: #12324a; font-size: 2rem; font-weight: 700; }
+.kb-hero p { margin: 10px 0 0; max-width: 680px; line-height: 1.6; }
+.kb-ci-panel { flex: 0 0 auto; }
+.kb-ci-panel img { display: block; width: 148px; height: auto; }
+
+.kb-vpd-card {
+  margin: 10px 0; padding: 14px; border: 1px solid #d9e4ec;
+  border-radius: 6px; background: #ffffff; color: #12324a; box-shadow: none;
+}
+.kb-vpd-card .kb-vpd-user { color: #004b87; font-weight: 700; }
+.kb-vpd-card .kb-vpd-meta, .kb-vpd-card .kb-vpd-scope { color: #5f7280; }
+
+@media (max-width: 760px) {
+  .kb-hero { display: block; }
+  .kb-ci-panel { margin-top: 18px; }
+  .kb-hero h1 { font-size: 1.65rem; }
+}
+</style>
+"""
+
 
 @dataclass(frozen=True)
 class McpServer:
@@ -1725,7 +1781,7 @@ def _question_label(question: object) -> str:
 
 
 def _apply_kb_theme() -> None:
-    st.markdown(KB_THEME_CSS, unsafe_allow_html=True)
+    st.markdown(HMM_MINIMAL_THEME_CSS, unsafe_allow_html=True)
 
 
 def _portal_auth_value(name: str) -> str: