Update ui.py

ui.py

@@ -8,39 +8,56 @@ from utils import get_clean_text
 
 # --- CSS стили ---
 CUSTOM_CSS = """
-/* Убираем глобальные отступы и скролл страницы */
+/* Глобальные настройки контейнера на весь экран */
 .gradio-container {
+    max-width: 100% !important;
     width: 100% !important;
     height: 100vh !important;
-    max_height: 100vh !important;
     padding: 0 !important;
     margin: 0 !important;
     overflow: hidden !important;
 }
 
-/* Настройки боковой панели - она тоже должна быть во весь экран */
+/* Настройки боковой панели */
 .sidebar {
     height: 100vh !important;
     overflow-y: auto !important;
+    width: 300px !important; /* Фиксируем ширину сайдбара, чтобы не съедал место */
 }
 
 /*
-   ГЛАВНОЕ ИСПРАВЛЕНИЕ РАЗМЕРА:
-   Задаем высоту чата жестко: 75% от высоты экрана.
-   min-height гарантирует, что он не схлопнется.
-   flex-grow отключен, чтобы избежать конфликтов.
+   ГЛАВНОЕ: Убираем ограничение ширины текста.
+   По умолчанию Gradio сужает текст для "читаемости",
+   но для кода это вредно.
 */
+.prose {
+    max-width: 100% !important;
+    width: 100% !important;
+}
+
+.message {
+    max-width: 100% !important;
+    width: 100% !important;
+}
+
+.message-wrap {
+    max-width: 100% !important;
+}
+
+/* Настройки окна чата */
 #chatbot {
-    height: 75vh !important;
-    min-height: 75vh !important;
+    height: 82vh !important; /* Увеличили высоту */
+    min-height: 82vh !important;
     overflow-y: auto !important;
-    margin-bottom: 10px !important;
+    margin-bottom: 0 !important;
+    flex-grow: 1 !important;
 }
 
-/* Блок ввода прижимаем ниже */
+/* Блок ввода прижимаем к низу */
 .input-row {
-    height: auto !important;
-    padding-bottom: 15px !important;
+    padding: 10px 15px !important;
+    background: var(--background-fill-primary);
+    border-top: 1px solid var(--border-color-primary);
 }
 
 footer { display: none !important; }
@@ -77,11 +94,9 @@ def bot_response(history, system_prompt, temperature, max_tokens):
 
     messages = [{"role": "system", "content": system_prompt}]
 
-    # Берем последние 15 сообщений
     relevant_history = history[-15:] if len(history) > 15 else history
 
     for msg in relevant_history:
-        # Также чистим контент перед отправкой в модель
         raw_content = msg.get("content", "")
         text_content = get_clean_text(raw_content)
 
@@ -127,9 +142,8 @@ def set_interactive(is_interactive):
 def create_ui():
     theme = gr.themes.Soft(primary_hue="blue", text_size="lg")
 
-    # Убрали fill_height=True, чтобы CSS работал жестко
     with gr.Blocks(theme=theme, css=CUSTOM_CSS, title="Qwen Coder Pro") as demo:
-        with gr.Row():
+        with gr.Row(equal_height=True, variant="default"):
             # Боковая панель
             with gr.Sidebar():
                 gr.Markdown("### ⚙️ Settings")
@@ -146,14 +160,14 @@ def create_ui():
                 )
                 clear_btn = gr.Button("🗑️ Clear Chat", variant="secondary")
 
-            # Основная колонка
-            with gr.Column(scale=1):
+            # Основная колонка (теперь она будет растягиваться благодаря CSS)
+            with gr.Column(scale=10, elem_classes=["main-column"]):
                 # Чатбот
                 chatbot = gr.Chatbot(
                     label="Code Assistant",
-                    elem_id="chatbot",  # Связка с CSS #chatbot
+                    elem_id="chatbot",
                     avatar_images=(None, "https://api.iconify.design/noto:robot.svg"),
-                    scale=1,
+                    layout="bubble",
                 )
 
                 # Строка ввода
@@ -162,9 +176,9 @@ def create_ui():
                         show_label=False,
                         placeholder="Type your code question here...",
                         lines=1,
-                        scale=8,
+                        scale=15,
                         autofocus=True,
-                        max_lines=5,
+                        max_lines=10,
                     )
                     submit_btn = gr.Button(
                         "Run ➤", variant="primary", scale=1, min_width=100