feat: implement core frontend dashboard, auth flow, and AI-driven case management system

frontend/index.html

@@ -50,6 +50,7 @@
             <button class="tab-btn" data-target="seo-section"><i data-lucide="trending-up" class="icon-sm"></i> SEO</button>
             <button class="tab-btn" data-target="content-section"><i data-lucide="image" class="icon-sm"></i> Контент</button>
             <button class="tab-btn" data-target="finance-section"><i data-lucide="wallet" class="icon-sm"></i> Финансы</button>
+            <button class="tab-btn" data-target="generator-section"><i data-lucide="wand-2" class="icon-sm"></i> Генератор</button>
         </div>
 
         <main class="container">
@@ -313,6 +314,47 @@
             </div>
         </section>
 
+        <!-- Product Generator Section -->
+        <section id="generator-section" class="section hidden">
+            <h2>Умный генератор карточек товара</h2>
+            <div class="platforms-grid">
+                <div class="platform-card" style="grid-column: 1 / -1;">
+                    <p style="margin-bottom: 1.5rem; color: var(--color-text-dim);">
+                        Введите название товара, и ИИ подготовит описание, характеристики и промпты для генерации изображений.
+                    </p>
+                    <div style="display: flex; gap: 1rem; max-width: 800px;">
+                        <input type="text" id="gen-title-input" placeholder="Например: Беспроводная кофемолка с керамическими жерновами" style="flex: 1;">
+                        <button class="btn-primary" id="ai-gen-card-btn">
+                            <i data-lucide="sparkles" class="icon-sm"></i> Создать карточку
+                        </button>
+                    </div>
+                </div>
+            </div>
+            
+            <div id="gen-result-container" class="hidden" style="margin-top: 2rem; animation: fadeIn 0.4s;">
+                <div class="platforms-grid">
+                    <!-- Description & SEO -->
+                    <div class="platform-card" style="grid-column: 1 / 2;">
+                        <h3>Продающее описание</h3>
+                        <div id="gen-description" style="margin-top: 1rem; line-height: 1.6; color: var(--color-text-dim);"></div>
+                        <h3 style="margin-top: 2rem;">SEO Теги</h3>
+                        <div id="gen-tags" style="display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem;"></div>
+                    </div>
+                    
+                    <!-- Features & Image Prompts -->
+                    <div class="platform-card" style="grid-column: 2 / -1;">
+                        <h3>Технические характеристики</h3>
+                        <table id="gen-features-table" class="table" style="margin-top: 1rem;">
+                            <tbody></tbody>
+                        </table>
+                        
+                        <h3 style="margin-top: 2rem;">Промпты для ИИ-фото (DALL-E/Midjourney)</h3>
+                        <div id="gen-image-prompts" style="margin-top: 1rem;"></div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- Integrations List -->
         <section id="integrations-section" class="section hidden">
             <h2>Доступные маркетплейсы</h2>