Fix: Improve Session ID input field layout - Add elem_id for precise CSS targeting - Set container=True to ensure label visibility - Update CSS selectors to use elem_id-based targeting - Improve width and box-sizing properties for better layout

CodeWeaver/ui/app.py

@@ -45,11 +45,17 @@ CSS = """
     padding-top: 1.5rem;
 }
 .message { font-size: 1.1rem; line-height: 1.6; }
-/* Session ID 입력 필드 크기 조정 */
-input[type="text"][placeholder*="세션 ID"],
-textarea[placeholder*="세션 ID"] {
-    min-width: 800px !important;
+/* Session ID 입력 필드 - elem_id로 정확히 타겟팅 */
+#session_id_input {
     width: 100% !important;
+    min-width: 0 !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+}
+#session_id_input input,
+#session_id_input textarea {
+    width: 100% !important;
+    min-width: 0 !important;
 }
 /* 멈춤 버튼 숨기기 및 클릭 비활성화 */
 button[aria-label*="Stop"],
@@ -167,7 +173,9 @@ def create_demo() -> gr.Blocks:
                 value=str(uuid.uuid4()),
                 interactive=True,
                 placeholder="세션 ID를 입력하거나 그대로 두세요",
-                scale=10
+                elem_id="session_id_input",  # CSS 타겟팅용
+                container=True,  # 레이블 표시 보장
+                scale=10  # Row 내에서 상대적 크기
             )
         
         # 3. 채팅 인터페이스