cover letter type feature

app.py

@@ -48,9 +48,16 @@ COVER_LETTER_INSTRUCTIONS = """
 <div style="padding: 10px; border-radius: 6px; border: 1px solid #ddd; margin-bottom: 10px;">
   <p><strong>Инструкция для письма:</strong></p>
   <ol>
-    <li>Загрузите резюме и вакансию на первой вкладке.</li>
-    <li>Потом нажмите “Generate Cover Letter”.</li>
+    <li>Загрузите резюме и вакансию на первой вкладке</li>
+    <li>Выберите стиль сопроводительного письма</li>
+    <li>Нажмите "Generate Cover Letter"</li>
   </ol>
+  <p style="margin-top: 10px; font-size: 14px; color: #666;">
+    <strong>Совет:</strong> Попробуйте разные стили для разных типов компаний:
+    <br>• Формальный — для корпораций и банков
+    <br>• Современный — для IT-компаний и стартапов
+    <br>• Креативный — для дизайнеров, маркетологов
+  </p>
 </div>
 """
 
@@ -64,6 +71,107 @@ QA_INSTRUCTIONS = """
 </div>
 """
 
+# ============================
+# Cover Letter Types
+# ============================
+COVER_LETTER_TYPES = {
+    "formal": {
+        "name": "Формальный стиль",
+        "description": "Классическое деловое письмо, строгое и профессиональное",
+        "prompt_template": """Напиши формальное сопроводительное письмо на русском языке в деловом стиле. Требования:
+- Используй официально-деловой стиль с уважительным обращением
+- Структура: приветствие, представление, соответствие требованиям вакансии, заключение
+- Объём: 8-10 предложений
+- Избегай разговорных выражений, используй стандартные формулировки
+- Ссылайся на конкретные требования вакансии
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    },
+    "modern": {
+        "name": "Современный стиль",
+        "description": "Современный прямой стиль, популярный в IT и стартапах",
+        "prompt_template": """Напиши современное сопроводительное письмо на русском языке. Требования:
+- Современный, прямой стиль без излишней формальности
+- Акцент на конкретных результатах и метриках
+- Структура: краткое введение, ключевые достижения, почему подхожу, призыв к действию
+- 6-8 предложений, без шаблонных фраз
+- Используй активные глаголы и конкретные примеры
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    },
+    "technical": {
+        "name": "Технический фокус",
+        "description": "С акцентом на технические навыки и конкретные технологии",
+        "prompt_template": """Напиши технически ориентированное сопроводительное письмо на русском языке для IT-off специалиста. Требования:
+- Фокус на технических навыках и технологиях из вакансии
+- Конкретные примеры использования технологий из резюме
+- Упоминание методологий, инструментов, фреймворков
+- Структура: техническое соответствие, опыт работы с конкретным стеком, релевантные проекты
+- Объём: 7-9 предложений
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    },
+    "creative": {
+        "name": "Креативный подход",
+        "description": "Творческий стиль для дизайнеров, маркетологов, копирайтеров",
+        "prompt_template": """Напиши креативное сопроводительное письмо на русском языке. Требования:
+- Креативный, нешаблонный подход, но сохраняя профессионализм
+- Можно использовать метафоры или нестандартные сравнения (если уместно)
+- Покажи творческий подход через структуру или формулировки
+- Подчеркни креативные достижения и проекты
+- Об��ём: 8-10 предложений, можно чуть больше
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    },
+    "minimal": {
+        "name": "Минималистичный",
+        "description": "Краткое, по существу, без лишних слов",
+        "prompt_template": """Напиши минималистичное сопроводительное письмо на русском языке. Требования:
+- Максимально кратко, без вводных слов и шаблонных фраз
+- Только самое важное: соответствие требованиям, ключевой опыт
+- 4-6 предложений, только по существу
+- Прямой стиль, без эмоциональных окрасов
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    },
+    "impact": {
+        "name": "Результато-ориентированный",
+        "description": "С акцентом на конкретные результаты и достижения",
+        "prompt_template": """Напиши сопроводительное письмо на русском с фокусом на результаты и достижения. Требования:
+- Каждый абзац начинай с конкретного результата или достижения
+- Используй метрики и цифры из резюме
+- Связывай свои достижения с потребностями вакансии
+- Структура: ключевой результат, как он достигался, как поможет компании
+- 6-8 предложений
+
+Вакансия:
+{j_ctx}
+
+Выдержки резюме:
+{r_ctx}"""
+    }
+}
+
 # ============================
 # Models (local transformers)
 # ============================
@@ -563,6 +671,7 @@ def analyze_resume(
 def generate_cover_letter(
     resume_text: str,
     job_description_text: str,
+    letter_type: str = "modern"
 ) -> str:
     resume_text = normalize_text(resume_text)
     job_description_text = normalize_text(job_description_text)
@@ -571,29 +680,35 @@ def generate_cover_letter(
         return "❗ Сначала загрузите резюме в первой вкладке."
     if not job_description_text:
         return "❗ Вставьте вакансию (текстом или файлом) в первой вкладке."
-
+    
+    # Проверка наличия типа письма
+    if letter_type not in COVER_LETTER_TYPES:
+        letter_type = "modern"
+    
+    letter_config = COVER_LETTER_TYPES[letter_type]
+    
     r_ctx, j_ctx = select_context_for_llm(resume_text, job_description_text, max_chars=6500)
-
-    prompt = f"""
-Напиши сопроводительное письмо на русском на 8–10 предложений.
-Требования:
-- Без заголовков и списков, только текст письма.
-- Не выдумывай опыт/технологии: используй только факты из резюме.
-- Привяжи письмо к требованиям вакансии.
-
-Вакансия:
-{j_ctx}
-
-Выдержки резюме:
-{r_ctx}
-"""
+    
+    prompt = letter_config["prompt_template"].format(r_ctx=r_ctx, j_ctx=j_ctx)
+    
     return groq_chat(prompt, "You are an expert in writing tailored cover letters.", LETTER_MODEL, DEFAULT_MAX_TOKENS_LETTER)
 
 
 # ============================
 # UI
 # ============================
-with gr.Blocks() as demo:
+with gr.Blocks(css="""
+    .style-btn { margin-right: 8px; margin-bottom: 8px; }
+    .style-btn:hover { transform: translateY(-2px); transition: all 0.2s; }
+    .cover-letter-output { 
+        border: 1px solid #e5e7eb;
+        border-radius: 8px;
+        padding: 20px;
+        background-color: #fafafa;
+        white-space: pre-wrap;
+        line-height: 1.6;
+    }
+""") as demo:
     gr.HTML(TITLE)
 
     with gr.Tab("Resume Analyzer"):
@@ -638,8 +753,100 @@ with gr.Blocks() as demo:
 
     with gr.Tab("Cover Letter Generator"):
         gr.HTML(COVER_LETTER_INSTRUCTIONS)
-        generate_cl_btn = gr.Button("Generate Cover Letter")
+    
+        with gr.Row():
+            with gr.Column(scale=1):
+                letter_type = gr.Dropdown(
+                    choices=[(config["name"], key) for key, config in COVER_LETTER_TYPES.items()],
+                    value="modern",
+                    label="Тип сопроводительного письма",
+                    info="Выберите стиль письма"
+                )
+            
+                # Превью описания стиля
+                type_description = gr.Markdown(
+                    value=COVER_LETTER_TYPES["modern"]["description"],
+                    label="Описание стиля"
+                )
+
+                # Быстрые кнопки выбора ��тиля
+                gr.Markdown("**Быстрый выбор:**")
+                with gr.Row():
+                    for key in ["formal", "modern", "technical"]:
+                        config = COVER_LETTER_TYPES[key]
+                         btn = gr.Button(
+                            config["name"], 
+                            size="sm", 
+                            variant="secondary",
+                            elem_classes="style-btn"
+                        )
+                    btn.click(
+                        lambda k=key: gr.update(value=k),
+                        inputs=[],
+                        outputs=[letter_type]
+                    ).then(
+                        update_type_description,
+                        inputs=[letter_type],
+                        outputs=[type_description]
+                    )
+            
+                generate_cl_btn = gr.Button("Generate Cover Letter", variant="primary")
+        
+            with gr.Column(scale=2):
+                # Быстрые превью стилей
+                gr.Markdown("### Быстрый просмотр стилей:")
+            
+                style_previews = []
+                for key, config in list(COVER_LETTER_TYPES.items())[:3]:  # Показываем первые 3
+                    style_previews.append(
+                        f"""
+                        <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; margin-bottom: 10px;">
+                            <div style="font-weight: 600; color: #374151;">{config['name']}</div>
+                            <div style="font-size: 13px; color: #6b7280;">{config['description']}</div>
+                        </div>
+                        """
+                    )
+                gr.HTML("".join(style_previews))
+    
+        # Обновление описания при смене типа
+        def update_type_description(letter_type_key: str):
+            config = COVER_LETTER_TYPES.get(letter_type_key, COVER_LETTER_TYPES["modern"])
+            return gr.update(value=config["description"])
+        
+        letter_type.change(
+            update_type_description,
+            inputs=[letter_type],
+            outputs=[type_description]
+        )
+        
+        # Отдельный блок для вывода с информацией о стиле
+        cover_letter_header = gr.Markdown("### Сгенерированное письмо:")
+        cover_letter_style_info = gr.Markdown(visible=False)
         cover_letter_output = gr.Markdown()
+        
+        # Функция для отображения информации о стиле
+        def show_cover_letter_with_style(letter_text: str, letter_type_key: str):
+            if letter_text.startswith("❗"):
+                return gr.update(value=""), gr.update(visible=False), gr.update(value=letter_text)
+            
+            config = COVER_LETTER_TYPES.get(letter_type_key, COVER_LETTER_TYPES["modern"])
+            style_info = f"""
+            <div style="border-left: 4px solid #3b82f6; background-color: #f0f9ff; padding: 12px; border-radius: 6px; margin-bottom: 16px;">
+                <div style="font-weight: 600; color: #1e40af;">Стиль: {config['name']}</div>
+                <div style="font-size: 14px; color: #374151; margin-top: 4px;">{config['description']}</div>
+            </div>
+            """
+            return gr.update(value=style_info), gr.update(visible=True), gr.update(value=letter_text)
+        
+        generate_cl_btn.click(
+            show_cover_letter_with_style,
+            inputs=[cover_letter_output, letter_type],
+            outputs=[cover_letter_style_info, cover_letter_style_info, cover_letter_output]
+        ).then(
+            generate_cover_letter,
+            inputs=[resume_content, job_description, letter_type],
+            outputs=[cover_letter_output]
+        )
 
     # NEW TAB: local transformer Q&A
     with gr.Tab("Q&A (Local Transformer)"):