Update css.py

css.py

@@ -34,13 +34,12 @@ def render_message(
     import re, time
     # ③ 테마/콤팩트 값 읽기
     palette   = _get_colors()
-    dense     = st.session_state.get("dense_mode", False)
-    show_time = st.session_state.get("show_time", False) and sender == "bot"  # ④ 봇만 시간 표시
-
+    show_time = st.session_state.get("show_time", False) and sender == "bot"
+    
     color = palette["user"] if sender == "user" else palette["bot"]
     align = "right" if sender == "user" else "left"
-    pad   = "6px 10px" if dense else "10px 14px"   # ③ 콤팩트 모드 패딩
-    fsz   = "12px"     if dense else "13px"        # ③ 콤팩트 모드 폰트
+    pad   = "10px 14px" 
+    fsz   = "13px"
 
     message = str(message).rstrip()
     # ④ 타임스탬프 HTML
@@ -50,12 +49,23 @@ def render_message(
     )
 
     # 공통 풍선 래퍼
+    # ✅ 카톡처럼: 말풍선(버블)과 시간을 나란히 배치 (시간은 버블 '밖')
     def _wrap(html_inner: str) -> str:
-        return (
-            f'''<div style="text-align:{align}; margin:6px 0;">'''
+        bubble = (
             f'''<span style="background:{color}; padding:{pad}; border-radius:12px;'''
             f'''display:inline-block; max-width:80%; font-size:{fsz}; line-height:1.45;'''
-            f'''word-break:break-word;">{html_inner}{ts_html}</span></div>'''
+            f'''word-break:break-word;">{html_inner}</span>'''
+        )
+        ts = (
+            f'''<span style="font-size:11px;color:#888;white-space:nowrap;'''
+            f'''align-self:flex-end;margin:0 2px 2px;">{ts_text}</span>'''
+        ) if ts_text else ""
+
+        # bot: 시간 + 버블 / user: 버블 + 시간
+        inner = (ts + bubble) if sender != "user" else (bubble + ts)
+        return (
+            f'''<div style="display:flex;align-items:flex-end;justify-content:{align};'''
+            f'''gap:6px;margin:6px 0;">{inner}</div>'''
         )
 
     if not animated:
@@ -63,7 +73,6 @@ def render_message(
     else:
         ph = st.empty()
         buf = ""
-        # 태그는 즉시, 텍스트만 점진 출력(태그 깨짐 방지)
         segments = re.split(r'(<[^>]+>)', message)
         delay = max(0.005, 1.0 / max(1, speed_cps))
         for seg in segments:
@@ -84,7 +93,6 @@ def render_message(
                         ph.markdown(_wrap(buf), unsafe_allow_html=True)
                         time.sleep(delay)
 
-    # 칩 버튼
     if chips:
         prefix = f"{key or 'chips'}_{abs(hash(message))}"
         clicked = render_chip_buttons(chips, key_prefix=prefix)