fixes

app.py

@@ -66,7 +66,8 @@ def main():
                 background-color: #ffe066;
                 border-bottom: 2px dotted #ff9900;
                 position: relative;
-                color: black !important;  /* Принудительно черный текст в выделениях */
+                color: black !important;
+                cursor: pointer;
             }
             
             /* Стиль для контейнера с результатом */
@@ -81,11 +82,13 @@ def main():
         </style>
     """, unsafe_allow_html=True)
 
-
     st.title('Проверка орфографии')
     text = st.text_area("Введите текст для проверки:", height=200).replace("\n", " ")
     tool = load_assets()
 
+    # Создаем контейнер для всплывающих сообщений
+    popup_container = st.empty()
+
     if st.button('Проверить текст'):
         if not text.strip():
             st.warning("Введите текст для проверки")
@@ -100,12 +103,13 @@ def main():
                 highlighted = []
                 last_pos = 0
                 
-                for error in sorted_errors:
+                for i, error in enumerate(sorted_errors):
                     highlighted.append(html.escape(text[last_pos:error['start']]))
                     
+                    # Добавляем обработчик клика с уникальным ID для каждой ошибки
                     highlighted.append(
-                        f'<span style="background-color: #ffe066; border-bottom: 2px dotted #ff9900; '
-                        f'position: relative;" title="{html.escape(error["message"])}">'
+                        f'<span class="error-highlight" onclick="showError({i})" '
+                        f'id="error-{i}" title="{html.escape(error["message"])}">'
                         f'{html.escape(text[error["start"]:error["end"]])}'
                         f'</span>'
                     )
@@ -126,14 +130,32 @@ def main():
                 ">
                     {''.join(highlighted)}
                 </div>
+                
+                <script>
+                function showError(errorIndex) {{
+                    // Отправляем сообщение в Streamlit с индексом ошибки
+                    window.parent.postMessage({{
+                        type: 'streamlit:component',
+                        component: 'error_click',
+                        data: errorIndex
+                    }}, '*');
+                }}
+                </script>
                 """
                 
                 st.markdown("### Результат проверки:")
                 st.markdown(html_content, unsafe_allow_html=True)
                 
-                st.markdown("### Найденные ошибки:")
-                for i, error in enumerate(errors, 1):
-                    st.markdown(f"{i}. **Позиция {error['start']}-{error['end']}**: {error['message']}")
+                # Сохраняем ошибки в session_state для доступа из обработчика
+                st.session_state.errors = errors
+
+                # Обработчик кликов по ошибкам
+                if 'errors' in st.session_state:
+                    clicked_error = st.experimental_get_query_params().get("error_click")
+                    if clicked_error:
+                        error_index = int(clicked_error[0])
+                        error = st.session_state.errors[error_index]
+                        st.warning(f"Ошибка: {error['message']}")
 
 
 if __name__ == "__main__":