https://www.pandoraburo.ru/prover-nuzhen-li-rynku-vash-novyy-staryy-produkt-ili-uslugi
Проверь! Нужен ли рынку ваш новый (старый) продукт или услуги
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Гипотеза — проверьте идею до того, как в неё вложены деньги</title>
<script defer="defer" src="https://cdn.jsdelivr.net/npm/pptxgenjs@3.12.0/dist/pptxgen.bundle.js"></script>
<script defer="defer" src="https://cdn.jsdelivr.net/npm/pdfjs-dist@3.11.174/build/pdf.min.js"></script>
<script defer="defer" src="https://cdn.jsdelivr.net/npm/mammoth@1.6.0/mammoth.browser.min.js"></script>
<style>
/* ═══════════════ TAILWIND (скомпилированный, только используемые классы) ═══════════════ */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button{background-color:transparent;background-image:none;cursor:pointer}
input,textarea,select{background-color:transparent}
ul,ol{list-style:none;margin:0;padding:0}
table{border-collapse:collapse;border-color:inherit;text-indent:0}
img,svg,video{display:block;max-width:100%;height:auto}
[hidden]{display:none}
.bg-slate-950{background-color:#020617}
.bg-slate-900{background-color:#0f172a}
.bg-slate-800{background-color:#1e293b}
.bg-orange-500{background-color:#f97316}
.bg-orange-950\/30{background-color:rgba(67,20,7,.3)}
.bg-orange-950\/40{background-color:rgba(67,20,7,.4)}
.bg-red-950\/30{background-color:rgba(69,10,10,.3)}
.bg-red-950\/40{background-color:rgba(69,10,10,.4)}
.bg-green-500{background-color:#22c55e}
.bg-white{background-color:#fff}
.text-slate-100{color:#f1f5f9}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#64748b}
.text-slate-950{color:#020617}
.text-orange-400{color:#fb923c}
.text-orange-700{color:#c2410c}
.text-red-400{color:#f87171}
.text-green-400{color:#4ade80}
.text-white{color:#fff}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-2{border-width:2px}
.border-l-2{border-left-width:2px}
.border-dashed{border-style:dashed}
.border-slate-800{border-color:#1e293b}
.border-slate-700{border-color:#334155}
.border-slate-600{border-color:#475569}
.border-slate-900{border-color:#0f172a}
.border-orange-500{border-color:#f97316}
.border-orange-700{border-color:#c2410c}
.border-red-900{border-color:#7f1d1d}
.rounded{border-radius:.25rem}
.rounded-lg{border-radius:.5rem}
.rounded-full{border-radius:9999px}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-md{max-width:28rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem}
.ml-3{margin-left:.75rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-2{padding-top:.5rem}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.block{display:block}
.hidden{display:none}
.inline-block{display:inline-block}
.flex-1{flex:1 1 0%}
.flex-wrap{flex-wrap:wrap}
.flex-col{flex-direction:column}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.w-full{width:100%}
.w-24{width:6rem}
.h-1{height:.25rem}
.h-20{height:5rem}
.h-24{height:6rem}
.h-40{height:10rem}
.min-h-screen{min-height:100vh}
.min-w-\[140px\]{min-width:140px}
.max-h-\[400px\]{max-height:400px}
.overflow-x-auto{overflow-x:auto}
.overflow-hidden{overflow:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-pre-wrap{white-space:pre-wrap}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-5xl{font-size:3rem;line-height:1}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.italic{font-style:italic}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.tracking-widest{letter-spacing:.1em}
.leading-tight{line-height:1.25}
.uppercase{text-transform:uppercase}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
.-top-3{top:-.75rem}
.left-6{left:1.5rem}
.top-0{top:0}
.right-0{right:0}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-10{z-index:10}
.z-50{z-index:50}
.cursor-pointer{cursor:pointer}
.cursor-not-allowed{cursor:not-allowed}
.select-none{user-select:none}
.transition{transition-property:color,background-color,border-color,opacity,transform;transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}
.hover\:bg-orange-400:hover{background-color:#fb923c}
.hover\:border-slate-500:hover{border-color:#64748b}
.hover\:border-slate-600:hover{border-color:#475569}
.hover\:text-slate-100:hover{color:#f1f5f9}
.hover\:text-red-400:hover{color:#f87171}
.hover\:underline:hover{text-decoration:underline}
.disabled\:opacity-50:disabled{opacity:.5}
.opacity-80{opacity:.8}
.space-y-1>*+*{margin-top:.25rem}
.space-y-2>*+*{margin-top:.5rem}
.space-y-3>*+*{margin-top:.75rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-5>*+*{margin-top:1.25rem}
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}
/* Кастомные стили продукта */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.fade{animation:fade .35s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bar{transition:width .6s cubic-bezier(.2,.8,.2,1)}
input[type=range]{accent-color:#f97316;width:100%}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0f172a}
::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}
.preset-card:hover{border-color:#f97316 !important}
.drop-active{border-color:#f97316 !important;background:rgba(249,115,22,.06)}
.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px}
.chip-gost{background:#7c2d12;color:#fed7aa}
.chip-cert{background:#14532d;color:#bbf7d0}
.chip-temp{background:#1e3a8a;color:#bfdbfe}
.chip-class{background:#581c87;color:#e9d5ff}
.chip-mech{background:#713f12;color:#fef08a}
.chip-tech{background:#164e63;color:#a5f3fc}
@media (min-width:768px){
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media print{
header,nav,button,.no-print,a[href^="#/"]{display:none !important}
body{background:#fff !important;color:#000 !important}
main{max-width:100% !important;padding:0 !important}
.border,.border-b,.border-l-2{border-color:#ccc !important}
.bg-slate-900,.bg-slate-950,.bg-slate-800{background:#fff !important}
.text-slate-400,.text-slate-500,.text-slate-300{color:#444 !important}
.text-orange-400{color:#c2410c !important}
.bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}
h1,h2{page-break-after:avoid}
ul,table{page-break-inside:avoid}
}
</style>
</head>
<body class="bg-slate-950 text-slate-100 min-h-screen">
<div id="app" class="fade"></div>
<script>
/* ═══════════════════════════════════════════════════════════════════════════
ГИПОТЕЗА v2.3 · fast-load · без Play CDN
Single-file · localStorage · детерминированный движок
═══════════════════════════════════════════════════════════════════════════ */
// ─── КОНТАКТЫ И МЕТАДАННЫЕ ─────────────────────────────────────────────────
const PRODUCT = {
email: 'arsenal-detal@list.ru',
phone: '+7 902 873-36-90',
phoneRaw: '+79028733690',
contactName: 'Макс',
price: 499,
priceCurrency: '₽',
trialDays: 30,
paymentAvailableFrom: 2027,
currentYear: new Date().getFullYear(),
paymentNotYetAvailable: new Date().getFullYear() < 2027,
};
// ─── PDF.JS WORKER ─────────────────────────────────────────────────────────
window.addEventListener('load', function() {
if (window.pdfjsLib) {
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.11.174/build/pdf.worker.min.js';
}
});
// ─── 1. ХРАНИЛИЩЕ ──────────────────────────────────────────────────────────
const LS = {
get(k, fallback) { try { return JSON.parse(localStorage.getItem('gip_' + k)) ?? fallback; } catch { return fallback; } },
set(k, v) { localStorage.setItem('gip_' + k, JSON.stringify(v)); },
};
const DB = {
get users() { return LS.get('users', []); }, set users(v) { LS.set('users', v); },
get session() { return LS.get('session', null); }, set session(v) { LS.set('session', v); },
get panels() { return LS.get('panels', null); }, set panels(v) { LS.set('panels', v); },
get runs() { return LS.get('runs', []); }, set runs(v) { LS.set('runs', v); },
get calibrations() { return LS.get('calibrations', []); }, set calibrations(v) { LS.set('calibrations', v); },
};
const b64 = (s) => btoa(unescape(encodeURIComponent(s)));
// ─── 2. SEED ───────────────────────────────────────────────────────────────
const TASK_TYPES = [
{ code:'physical_product', title:'Физические товары и материалы', prompt:'Оценивай материал с точки зрения инженера и снабженца.' },
{ code:'equipment', title:'Оборудование и промышленные системы', prompt:'Учитывай сервис, сроки поставки, обучение персонала.' },
{ code:'b2b_service', title:'B2B-услуги', prompt:'Смотри на SLA, доверие к исполнителю, аутсорс.' },
{ code:'infrastructure', title:'Инфраструктурные проекты', prompt:'Ключевое — регламенты, протоколы, согласования.' },
{ code:'strategy', title:'Стратегические вопросы', prompt:'Оценивай риск, окупаемость, готовность менять процессы.' },
];
const VARIANTS = ['техническая','маркетинговая','эмоциональная','экономическая'];
const BUILTIN_PANELS = [
{ id:'p_armor', code:'armor_steel', is_builtin:true, is_visible:true,
title:'Броневые стали и защитные конструкции',
description:'Производители бронеавтомобилей, бронедверей, взрывозащитных панелей.',
segments:{ 'инкассация':0.3, 'VIP':0.2, 'инфраструктура':0.3, 'нефтегаз':0.2 },
roles:{
'инкассация':['главный конструктор','технолог','снабженец'],
'VIP':['главный конструктор','инженер-технолог'],
'инфраструктура':['проектировщик','инженер по безопасности'],
'нефтегаз':['главный механик','инженер по надёжности'],
},
sources:['ВЦИОМ','Росстат','НИИ Стали (открытые публикации)','Таможенная статистика'],
objections:[
'Нет сертификата по Бр3+.',
'Не знаем производителя, нет референсов.',
'540 МПа — мало для ударных нагрузок.',
'Боимся, что при гибке потеряется класс защиты.',
'Нужен ГОСТ Р 51112, иначе не пройдёт экспертиза.',
],
},
{ id:'p_mining', code:'mining_equipment', is_builtin:true, is_visible:true,
title:'Оборудование для нефтегаза и горнодобычи',
description:'Футеровка, дробилки, бункеры, защитные ограждения.',
segments:{ 'нефтегаз':0.5, 'горнодобыча':0.5 },
roles:{
'нефтегаз':['главный механик','инженер по надёжности'],
'горнодобыча':['главный механик','технолог обогащения'],
},
sources:['Отраслевые обзоры','Росстат (добыча)','Тендеры на футеровку'],
objections:[
'RAEX проверен годами, зачем менять?',
'540 МПа — это конструкционная сталь, а не износостойкая.',
'Нужны протоколы на абразивный износ.',
'Импортное дешевле при больших объёмах.',
],
},
{ id:'p_infra', code:'infrastructure', is_builtin:true, is_visible:true,
title:'Инфраструктура и взрывозащита',
description:'Защита ТЭС, подстанций, АЗС, транспортных узлов.',
segments:{ 'проектировщики':0.5, 'инженеры по безопасности':0.5 },
roles:{
'проектировщики':['проектировщик','главный инженер проекта'],
'инженеры по безопасности':['инженер по безопасности','эксперт'],
},
sources:['Регламенты по антитеррористической защищённости','Тендеры ТЭК'],
objections:[
'Без сертификата по ГОСТ Р 51112 не пропустит экспертиза.',
'С2 — это только осколки, а нам нужна защита от пуль.',
'Нет протоколов на взрывостойкость.',
'Проще купить готовую сертифицированную панель.',
],
},
{ id:'p_saas', code:'it_saas', is_builtin:true, is_visible:false,
title:'ИТ и SaaS',
description:'B2B-софт, платформы, интеграции.',
segments:{ 'cto':0.5, 'product_owner':0.5 },
roles:{ 'cto':['технический директор'], 'product_owner':['продакт-менеджер'] },
sources:['Открытые опросы','Публикации VC.ru'],
objections:['У нас уже есть решение.','Нужна интеграция с нашим стеком.','Слишком дорого.'],
},
];
const PRESETS = [
{ id:'preset_armor_s2', title:'Испытания С2 + мороз −70 °C', subtitle:'Броневые стали · для ТЗ и протоколов',
panel_code:'armor_steel', task_type:'physical_product',
text:'Производители бронеавтомобилей для инкассации готовы принять ТУ, где класс С2 подтверждается пробитием шариком при +20 °C, если дополнительно приложены протоколы на ударную вязкость KCU при −40 °C и −70 °C, даже без полноценных испытаний на взрывостойкость.',
scenarios:[{label:'base',price_mult:1.00,variant:'техническая'},{label:'с полным ГОСТ',price_mult:1.00,variant:'техническая'},{label:'price +15%',price_mult:1.15,variant:'техническая'}] },
{ id:'preset_armor_energy', title:'Энергопоглощение vs твёрдость', subtitle:'Броневые стали · формулировка КП',
panel_code:'armor_steel', task_type:'physical_product',
text:'Главные конструкторы производителей бронеавтомобилей выберут БТВТ 450 вместо закалённой брони, если в КП сделан акцент на энергопоглощение и отсутствие споллинга, а не на твёрдость по Бринеллю — даже при том, что по твёрдости БТВТ проигрывает.',
scenarios:[{label:'энергопоглощение',price_mult:1.00,variant:'техническая'},{label:'твёрдость',price_mult:1.00,variant:'техническая'},{label:'маркетинг',price_mult:1.00,variant:'маркетинговая'},{label:'экономика',price_mult:1.00,variant:'экономическая'}] },
{ id:'preset_armor_price', title:'Ценовая эластичность: ×0.85 / ×1.15', subtitle:'Броневые стали · подбор цены',
panel_code:'armor_steel', task_type:'physical_product',
text:'Производители бронеавтомобилей для инкассации готовы платить на 15% больше за БТВТ 450 с сертификатом Бр1–Бр2 и протоколами на −70 °C, если это снимает необходимость в кевларовом подбое и сокращает сборку.',
scenarios:[{label:'price -15%',price_mult:0.85,variant:'техническая'},{label:'base',price_mult:1.00,variant:'техническая'},{label:'price +15%',price_mult:1.15,variant:'техническая'},{label:'price +30%',price_mult:1.30,variant:'техническая'}] },
{ id:'preset_armor_combo', title:'Комбо: БТВТ + С-500 для Бр3+', subtitle:'Броневые стали · защита от Бр3',
panel_code:'armor_steel', task_type:'physical_product',
text:'Производители бронеконструкций готовы использовать комбинацию БТВТ 450 как несущий слой и закалённой стали С-500 локально в зонах Бр3–Бр4, если это снижает стоимость изделия на 20–30% по сравнению с полностью закалённой бронёй.',
scenarios:[{label:'только БТВТ',price_mult:1.00,variant:'техническая'},{label:'БТВТ + С-500',price_mult:1.00,variant:'техническая'},{label:'комбо -20%',price_mult:0.80,variant:'экономическая'}] },
{ id:'preset_mining_hardening', title:'Новые режимы закалки износостойких сталей', subtitle:'Оборудование · закалочные прессы',
panel_code:'mining_equipment', task_type:'equipment',
text:'Главные механики обогатительных фабрик готовы тестировать новые режимы закалки износостойких сталей (прерывистая закалка, отпуск 250–300 °C), если это даёт +20–30% к ресурсу футеровки, но требует замены поставщика стали и пересмотра ТУ.',
scenarios:[{label:'base',price_mult:1.00,variant:'техническая'},{label:'resource +30%',price_mult:1.00,variant:'техническая'},{label:'TCO расчёт',price_mult:1.00,variant:'экономическая'}] },
{ id:'preset_mining_raex', title:'Замена RAEX на БТВТ 450', subtitle:'Оборудование · футеровка',
panel_code:'mining_equipment', task_type:'physical_product',
text:'Главные механики горнодобывающих предприятий готовы заменить RAEX 450 и Hardox 500 на БТВТ 450 для футеровки бункеров и дробилок, если материал в 2 раза дешевле, сваривается без подогрева, гнётся и сохраняет ударную вязкость при −70 °C.',
scenarios:[{label:'base',price_mult:1.00,variant:'техническая'},{label:'price -50%',price_mult:0.50,variant:'техническая'},{label:'price -30%',price_mult:0.70,variant:'техническая'},{label:'экономика',price_mult:1.00,variant:'экономическая'}] },
];
function ensureSeed() {
if (!DB.panels) DB.panels = BUILTIN_PANELS;
const cur = DB.panels;
for (const bp of BUILTIN_PANELS) {
if (!cur.find(p => p.code === bp.code)) cur.push(bp);
}
DB.panels = cur;
}
// ─── 3. ДОКУМЕНТЫ ──────────────────────────────────────────────────────────
async function parseFile(file) {
const name = file.name;
const lower = name.toLowerCase();
const sizeKB = Math.round(file.size / 1024);
try {
let text = '';
if (lower.endsWith('.pdf')) {
if (!window.pdfjsLib) return { name, sizeKB, error: 'PDF-парсер не загружен. Обновите страницу.' };
text = await parsePDF(file);
} else if (lower.endsWith('.docx')) {
if (!window.mammoth) return { name, sizeKB, error: 'DOCX-парсер не загружен. Обновите страницу.' };
text = await parseDOCX(file);
} else if (lower.endsWith('.txt') || lower.endsWith('.md')) {
text = await file.text();
} else if (lower.endsWith('.doc')) {
return { name, sizeKB, error: 'Формат .doc не поддерживается. Сохраните как .docx или PDF.' };
} else {
return { name, sizeKB, error: 'Неподдерживаемый формат. Принимаются PDF, DOCX, TXT, MD.' };
}
const clean = (text || '').replace(/\s+/g, ' ').trim();
if (!clean) return { name, sizeKB, error: 'Не удалось извлечь текст (возможно, скан без OCR).' };
const signals = extractSignals(clean);
return { name, sizeKB, text: clean, preview: clean.slice(0, 400), signals };
} catch (e) {
return { name, sizeKB, error: 'Ошибка разбора: ' + (e.message || 'неизвестная') };
}
}
async function parsePDF(file) {
const buf = await file.arrayBuffer();
const pdf = await pdfjsLib.getDocument({ data: buf }).promise;
let text = '';
for (let i = 1; i <= pdf.numPages; i++) {
const page = await pdf.getPage(i);
const content = await page.getTextContent();
text += content.items.map(x => x.str).join(' ') + '\n';
}
return text;
}
async function parseDOCX(file) {
const buf = await file.arrayBuffer();
const res = await mammoth.extractRawText({ arrayBuffer: buf });
return res.value;
}
function extractSignals(text) {
const t = text || '';
const gost = t.match(/ГОСТ\s*(?:Р\s*)?[\d\.\-–]+(?:\s*[-–]\s*\d{2,4})?/gi) || [];
const tu = t.match(/ТУ\s*[\d\.\-–ВВ\s]+/gi) || [];
const brClass = t.match(/(?:Бр|С)[1-6](?:\s*[-–]\s*[А-ЯA-Z])?/gi) || [];
const mpa = t.match(/\d{3,4}\s*МПа/gi) || [];
const temp = t.match(/[−\-–]?\d{1,3}\s*(?:°\s*)?C(?:ельсия)?/gi) || [];
const hb = t.match(/HB\s*\d{2,4}/gi) || [];
const kcu = t.match(/KCU\s*[\d\.\/]+/gi) || [];
const signals = {
hasGOST: gost.length > 0, hasTU: tu.length > 0,
hasCert: /сертификат|декларац[ия]/i.test(t),
hasProtokol: /протокол\s+испытан|акт\s+испытан|испытани[йя]/i.test(t),
hasMoroz: /[−\-–]\s*(?:40|50|60|70)\s*°?\s*C/i.test(t) || /минус\s*(?:40|50|60|70)/i.test(t),
hasBr: brClass.length > 0, hasMPa: mpa.length > 0, hasHB: hb.length > 0, hasKCU: kcu.length > 0,
hasWeld: /сварк|сварива|электрод|Св08|сварн/i.test(t),
hasBend: /гибк|гибка|штампов|вальцов|гнут/i.test(t),
hasSpll: /споллинг|тыльн[ые]?\s+осколк|запреградн/i.test(t),
hasExpl: /взрыво|СВУ|ударн[ая]\s+волн|детонац/i.test(t),
hasAbrasion: /абразив|износ|футеровк|стирани/i.test(t),
raw: { gost: gost.slice(0,5), tu: tu.slice(0,5), brClass: brClass.slice(0,6), mpa: mpa.slice(0,3), temp: temp.slice(0,6), hb: hb.slice(0,3), kcu: kcu.slice(0,3) },
};
const chips = [];
signals.raw.gost.forEach(x => chips.push({ cls:'chip-gost', text:x }));
signals.raw.tu.forEach(x => chips.push({ cls:'chip-gost', text:x }));
signals.raw.brClass.forEach(x => chips.push({ cls:'chip-class', text:x }));
signals.raw.mpa.forEach(x => chips.push({ cls:'chip-mech', text:x }));
signals.raw.hb.forEach(x => chips.push({ cls:'chip-mech', text:x }));
signals.raw.kcu.forEach(x => chips.push({ cls:'chip-mech', text:x }));
signals.raw.temp.forEach(x => chips.push({ cls:'chip-temp', text:x }));
if (signals.hasCert) chips.push({ cls:'chip-cert', text:'сертификат' });
if (signals.hasProtokol) chips.push({ cls:'chip-cert', text:'протокол' });
if (signals.hasWeld) chips.push({ cls:'chip-tech', text:'сварка' });
if (signals.hasBend) chips.push({ cls:'chip-tech', text:'гибка' });
if (signals.hasSpll) chips.push({ cls:'chip-tech', text:'споллинг' });
if (signals.hasExpl) chips.push({ cls:'chip-tech', text:'взрыв' });
if (signals.hasAbrasion) chips.push({ cls:'chip-tech', text:'абразив' });
const seen = new Set();
signals.chips = chips.filter(c => { const k = c.cls + '|' + c.text; if (seen.has(k)) return false; seen.add(k); return true; }).slice(0, 14);
return signals;
}
function mergeDocSignals(docs) {
const merged = {
hasGOST:false, hasTU:false, hasCert:false, hasProtokol:false, hasMoroz:false,
hasBr:false, hasMPa:false, hasHB:false, hasKCU:false,
hasWeld:false, hasBend:false, hasSpll:false, hasExpl:false, hasAbrasion:false,
chips: [], docCount: 0, docNames: [], docHash: '',
};
if (!docs || !docs.length) return merged;
const allChips = [];
let combinedText = '';
docs.forEach(d => {
if (!d.signals) return;
merged.docCount++;
merged.docNames.push(d.name);
combinedText += (d.text || '') + '\n';
for (const k of ['hasGOST','hasTU','hasCert','hasProtokol','hasMoroz','hasBr','hasMPa','hasHB','hasKCU','hasWeld','hasBend','hasSpll','hasExpl','hasAbrasion']) {
if (d.signals[k]) merged[k] = true;
}
allChips.push(...(d.signals.chips || []));
});
const seen = new Set();
merged.chips = allChips.filter(c => { const k = c.cls + '|' + c.text; if (seen.has(k)) return false; seen.add(k); return true; }).slice(0, 16);
merged.docHash = String(hash32(combinedText.slice(0, 4000)));
return merged;
}
function adaptObjections(baseObjections, signals) {
let objs = [...baseObjections];
const drop = (pattern) => { objs = objs.filter(o => !pattern.test(o)); };
if (signals.hasCert) {
drop(/нет сертификата|не пройдёт экспертиз|без сертификата/i);
objs.push('Сертификат есть — но какая лаборатория выдала и на какой класс?');
}
if (signals.hasProtokol) {
drop(/нет протокол/i);
objs.push('Покажите образец протокола — как он применим к нашей конструкции?');
}
if (signals.hasGOST) {
drop(/нужен гост|без гост/i);
objs.push('ГОСТ — это базовый уровень. Нужен ли вам класс выше?');
}
if (signals.hasMoroz) objs.push('Как подтверждаете ударную вязкость при −70 °C в серийной партии?');
if (signals.hasBend) {
drop(/гибк.*класс.*защит/i);
objs.push('Есть протокол на гибку минимального радиуса?');
}
if (signals.hasWeld) objs.push('Какая погонная энергия сварки без потери свойств?');
if (signals.hasSpll) objs.push('Подтвердите запреградное воздействие по методике — кевлар всё равно нужен?');
if (signals.hasAbrasion) objs.push('Нужны протоколы на абразивный износ при ваших режимах.');
return objs;
}
// ─── 4. ДВИЖОК ─────────────────────────────────────────────────────────────
function hash32(str) {
let h = 5381;
for (let i = 0; i < str.length; i++) h = ((h << 5) + h + str.charCodeAt(i)) | 0;
return h >>> 0;
}
function mulberry32(seed) {
return function() {
seed = (seed + 0x6D2B79F5) | 0;
let t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
};
}
function pick(arr, rnd) { return arr[Math.floor(rnd() * arr.length)]; }
function syntheticRespondent({ segment, role, industry, objections, hypothesis, scenario, taskPrompt, docHash, docBonus }) {
const seed = hash32(`${segment}|${role}|${scenario}|${hypothesis.slice(0,120)}|${taskPrompt.slice(0,80)}|${docHash || ''}`);
const rnd = mulberry32(seed);
let appeal = 3.5 + rnd() * 6.0;
let wtp = 0.2 + rnd() * 0.7;
appeal = Math.min(10, appeal + (docBonus || 0));
wtp = Math.min(0.95, wtp + (docBonus || 0) * 0.04);
const objection = objections.length ? pick(objections, rnd) : 'Нет данных';
const prefix = ['Честно — ','Скажу так: ','Если коротко — ','Смотрю на это так: '][Math.floor(rnd()*4)];
const quote = `${prefix}«${objection.replace(/\.$/,'')}, но если покажете протоколы — готовы к пилоту».`;
return { segment, role, appeal: +appeal.toFixed(1), wtp: +wtp.toFixed(2), objection, quote };
}
function allocate(total, weights) {
const s = weights.reduce((a,b) => a+b, 0) || 1;
const raw = weights.map(w => total * w / s);
const out = raw.map(x => Math.floor(x));
let rem = total - out.reduce((a,b) => a+b, 0);
for (let i = 0; i < rem; i++) out[i % out.length]++;
return out;
}
function runSynthetic(panel, hypothesis, size, taskType, scenario, docSignals) {
const signals = docSignals || { docHash: '', hasCert:false, hasProtokol:false, hasGOST:false, hasMoroz:false, hasBend:false };
const adaptedObjections = adaptObjections(panel.objections || [], signals);
let docBonus = 0;
if (signals.hasCert) docBonus += 0.15;
if (signals.hasProtokol) docBonus += 0.15;
if (signals.hasGOST) docBonus += 0.05;
if (signals.hasMoroz) docBonus += 0.05;
const segments = Object.keys(panel.segments || {});
const weights = Object.values(panel.segments || {});
const counts = allocate(size, weights.length ? weights : [1]);
const rows = [];
segments.forEach((seg, i) => {
const roles = (panel.roles && panel.roles[seg]) || ['инженер'];
for (let k = 0; k < counts[i]; k++) {
rows.push(syntheticRespondent({
segment: seg, role: roles[k % roles.length], industry: panel.title,
objections: adaptedObjections, hypothesis,
scenario: scenario || 'base',
taskPrompt: taskType?.prompt || '',
docHash: signals.docHash, docBonus,
}));
}
});
return { rows, adaptedObjections };
}
// ─── 5. СКОРИНГ ────────────────────────────────────────────────────────────
function mean(arr) { return arr.reduce((a,b) => a+b, 0) / (arr.length || 1); }
function segmentConfidence(n, calibrations) {
const cals = calibrations || [];
if (cals.length) {
const deltas = cals.map(c => Math.abs(c.delta));
const mae = mean(deltas);
if (mae < 0.5 && n >= 30) return 'высокий';
if (mae < 1.0 && n >= 20) return 'средний';
return 'низкий';
}
if (n >= 50) return 'средний';
return 'низкий';
}
function overallConfidence(segConf, n) {
const order = { 'высокий':3, 'средний':2, 'низкий':1 };
const vals = Object.values(segConf);
if (!vals.length) return n < 30 ? 'низкая' : 'средняя';
const worst = vals.reduce((a,b) => order[a] < order[b] ? a : b);
return { 'высокий':'повышенная', 'средний':'средняя', 'низкий':'низкая' }[worst];
}
function buildReport(rows, hypothesis, taskType, calibrations, docSignals) {
if (!rows.length) return { error: 'no responses' };
const appeal = mean(rows.map(r => r.appeal));
const wtp = mean(rows.map(r => r.wtp));
const total = rows.length;
const counts = {};
rows.forEach(r => { counts[r.objection] = (counts[r.objection] || 0) + 1; });
const topObjections = Object.entries(counts)
.sort((a,b) => b[1] - a[1]).slice(0, 5)
.map(([text, cnt]) => ({ text, count: cnt, share: +(cnt / total).toFixed(2) }));
const bySeg = {};
rows.forEach(r => { (bySeg[r.segment] ||= []).push(r.appeal); });
const segmentScores = {};
const segmentConf = {};
Object.entries(bySeg).forEach(([seg, vals]) => {
segmentScores[seg] = +mean(vals).toFixed(1);
segmentConf[seg] = segmentConfidence(vals.length, calibrations);
});
const seen = new Set();
const quotes = [];
[...rows].sort((a,b) => b.quote.length - a.quote.length).forEach(r => {
if (!seen.has(r.quote) && quotes.length < 5) { seen.add(r.quote); quotes.push(r.quote); }
});
return {
hypothesis,
task_type: taskType?.code || 'physical_product',
task_type_title: taskType?.title || '',
appeal_index: +appeal.toFixed(1),
wtp: +wtp.toFixed(2),
respondents: total,
top_objections: topObjections,
segment_scores: segmentScores,
segment_confidence: segmentConf,
confidence: overallConfidence(segmentConf, total),
quotes,
recommendations: recommend(topObjections, segmentScores, docSignals),
documents_used: docSignals?.docCount || 0,
documents: docSignals?.docNames || [],
document_signals: docSignals?.chips || [],
disclaimer: 'Предварительная оценка на синтетической панели. Уверенность по сегментам рассчитана с учётом калибровок. Результат требует валидации на реальных респондентах.',
};
}
function recommend(objections, segments, docSignals) {
const recs = [];
for (const o of objections.slice(0, 3)) {
const t = o.text.toLowerCase();
if (t.includes('сертификат') || t.includes('гост')) recs.push('Подготовить копии сертификатов и протоколов испытаний.');
else if (t.includes('производител') || t.includes('референс')) recs.push('Собрать 2–3 референса внедрений для снятия барьера доверия.');
else if (t.includes('бр3') || t.includes('класс')) recs.push('Рассмотреть комбинированную схему с усилением до Бр3+.');
else if (t.includes('мп') || t.includes('прочност') || t.includes('ударн')) recs.push('Добавить в ТУ протоколы на ударную вязкость и энергопоглощение.');
else if (t.includes('цен')) recs.push('Протестировать сценарии с ценой 85% и 115%.');
else if (t.includes('образец протокола')) recs.push('Подготовить образец протокола с методикой и лабораторией.');
else if (t.includes('−70') || t.includes('мороз')) recs.push('Добавить в КП акцент на протокол −70 °C.');
else if (t.includes('гибк')) recs.push('Приложить протокол на гибку минимального радиуса.');
else if (t.includes('сварк')) recs.push('Указать рекомендуемую погонную энергию сварки.');
else recs.push(`Отработать возражение: «${o.text}»`);
}
if (docSignals && docSignals.docCount > 0) recs.push(`Учтено документов: ${docSignals.docCount}. Возражения адаптированы под содержимое.`);
const entries = Object.entries(segments);
if (entries.length) {
const [bestSeg, bestScore] = entries.reduce((a,b) => a[1] >= b[1] ? a : b);
recs.push(`Фокус на сегменте «${bestSeg}» — наивысший отклик (${bestScore}/10).`);
}
return recs;
}
function runMatrix(panel, hypothesis, size, taskType, scenarios, calibrations, docSignals) {
const { rows: baseRows } = runSynthetic(panel, hypothesis, size, taskType, 'base', docSignals);
const base = buildReport(baseRows, hypothesis, taskType, calibrations, docSignals);
const matrix = (scenarios || []).map(sc => {
const scenarioText = `${sc.variant} | цена ×${sc.price_mult}`;
const { rows } = runSynthetic(panel, hypothesis, Math.max(30, Math.floor(size/2)), taskType, scenarioText, docSignals);
const rep = buildReport(rows, hypothesis, taskType, calibrations, docSignals);
return {
label: sc.label, price_mult: sc.price_mult, variant: sc.variant,
appeal_index: rep.appeal_index, wtp: rep.wtp,
top_objection: rep.top_objections[0]?.text || '',
segment_scores: rep.segment_scores,
};
});
return { base, matrix };
}
// ─── 6. ПОДПИСКА ───────────────────────────────────────────────────────────
function getSubscription(user) {
if (!user) return null;
const now = Date.now();
const startedAt = user.trial_started_at || now;
const trialEndsAt = startedAt + PRODUCT.trialDays * 24 * 60 * 60 * 1000;
const inTrial = now < trialEndsAt;
return {
startedAt, trialEndsAt, inTrial,
daysLeft: Math.max(0, Math.ceil((trialEndsAt - now) / (24 * 60 * 60 * 1000))),
paymentAvailable: !PRODUCT.paymentNotYetAvailable,
currentYear: PRODUCT.currentYear,
availableFrom: PRODUCT.paymentAvailableFrom,
};
}
function ensureTrialStarted(email) {
const users = DB.users;
const idx = users.findIndex(u => u.email === email);
if (idx >= 0 && !users[idx].trial_started_at) {
users[idx].trial_started_at = Date.now();
DB.users = users;
}
}
// ─── 7. РОУТИНГ ────────────────────────────────────────────────────────────
const VIEWS = {};
function nav(path) { location.hash = path; }
function currentPath() { return location.hash.replace(/^#/, '') || '/'; }
window.addEventListener('hashchange', render);
window.addEventListener('DOMContentLoaded', () => { ensureSeed(); render(); });
function render() {
const app = document.getElementById('app');
const path = currentPath();
const [view, ...rest] = path.split('/').filter(Boolean);
app.innerHTML = '';
app.className = 'fade';
app.appendChild(header());
const main = document.createElement('main');
main.className = 'max-w-5xl mx-auto px-6 py-10';
app.appendChild(main);
const route = (VIEWS[view] || VIEWS.home);
route(main, rest);
}
function header() {
const h = document.createElement('header');
h.className = 'border-b border-slate-800';
const user = DB.session;
h.innerHTML = `
<div class="max-w-5xl mx-auto px-6 py-4 flex items-center justify-between flex-wrap gap-3">
<a href="#/" class="font-bold tracking-widest text-lg">ГИПОТЕЗА</a>
<nav class="text-sm text-slate-400 flex gap-5 items-center flex-wrap">
<a href="#/presets" class="hover:text-slate-100">Пресеты</a>
<a href="#/dashboard" class="hover:text-slate-100">Кабинет</a>
<a href="#/run" class="hover:text-slate-100">Прогон</a>
<a href="#/panels/new" class="hover:text-slate-100">Новая панель</a>
<a href="#/pricing" class="hover:text-slate-100">Подписка</a>
<a href="#/finance" class="hover:text-slate-100">Финансы</a>
${user
? `<span class="text-slate-500">·</span><span class="text-orange-400">${user.email}</span>
<button id="logout" class="hover:text-slate-100">Выйти</button>`
: `<a href="#/login" class="hover:text-slate-100">Войти</a>`}
</nav>
</div>`;
h.querySelector('#logout')?.addEventListener('click', () => {
DB.session = null; nav('/'); render();
});
return h;
}
// ─── 8. HOME ───────────────────────────────────────────────────────────────
VIEWS.home = (root) => {
const panels = DB.panels.filter(p => p.is_visible);
root.innerHTML = `
<h1 class="text-5xl font-bold mb-3 leading-tight">Проверьте идею<br>до того, как в неё вложены деньги.</h1>
<p class="text-slate-400 mb-10 max-w-2xl">
Платформа гибридной валидации для B2B: синтетика для скорости, отраслевые панели для релевантности,
калибровка на реальных людях для точности. Загрузка ТУ и протоколов, PPTX-экспорт, финансовая модель.
</p>
<div class="flex gap-3 mb-12 flex-wrap">
<a href="#/presets" class="px-6 py-3 bg-orange-500 rounded-lg font-semibold text-slate-950 hover:bg-orange-400">Готовые пресеты</a>
<a href="#/run" class="px-6 py-3 border border-slate-700 rounded-lg font-semibold hover:border-slate-500">Свой прогон</a>
<a href="#/pricing" class="px-6 py-3 border border-slate-700 rounded-lg font-semibold hover:border-slate-500">Подписка</a>
</div>
<h2 class="text-xl font-semibold mb-4">Отраслевые панели</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-12">
${panels.map(p => `
<a href="#/run" class="block border border-slate-800 rounded-lg p-5 hover:border-slate-600 transition">
<div class="font-semibold mb-1">${p.title}</div>
<div class="text-sm text-slate-400 mb-3">${p.description}</div>
<div class="text-xs text-slate-500">Сегментов: ${Object.keys(p.segments || {}).length} · Источников: ${(p.sources||[]).length}</div>
</a>
`).join('')}
</div>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-orange-400 text-sm mb-1">1 · Синтетика</div>
<div class="font-semibold mb-1">Быстрый сигнал</div>
<div class="text-sm text-slate-400">8–500 респондентов за секунды.</div>
</div>
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-orange-400 text-sm mb-1">2 · Документы</div>
<div class="font-semibold mb-1">ТУ и протоколы</div>
<div class="text-sm text-slate-400">PDF/DOCX → сигналы → адаптация возражений.</div>
</div>
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-orange-400 text-sm mb-1">3 · Калибровка</div>
<div class="font-semibold mb-1">3–5 живых людей</div>
<div class="text-sm text-slate-400">Сравниваем с синтетикой по отрасли.</div>
</div>
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-orange-400 text-sm mb-1">4 · Матрица</div>
<div class="font-semibold mb-1">Сценарии</div>
<div class="text-sm text-slate-400">Цена × подача. PPTX-экспорт.</div>
</div>
</div>
`;
};
// ─── 9. PRICING ────────────────────────────────────────────────────────────
VIEWS.pricing = (root) => {
const user = DB.session ? DB.users.find(u => u.email === DB.session.email) : null;
const sub = user ? getSubscription(user) : null;
root.innerHTML = `
<h1 class="text-3xl font-bold mb-3">Подписка</h1>
<p class="text-slate-400 mb-8 max-w-2xl">
«Гипотеза» — платформа для валидации B2B-гипотез. Первый месяц бесплатный,
далее ${PRODUCT.price} ${PRODUCT.priceCurrency}/мес. Сейчас — полностью бесплатно.
</p>
${PRODUCT.paymentNotYetAvailable ? `
<div class="border border-orange-700 bg-orange-950/40 rounded-lg p-5 mb-10">
<div class="flex gap-3 items-start">
<div class="text-2xl">⏳</div>
<div>
<div class="font-semibold mb-1">Оплата появится в ${PRODUCT.paymentAvailableFrom} году</div>
<div class="text-sm text-slate-300">
Интеграция с ЮKassa (Яндекс) находится в разработке. До этого момента платформа работает
<b>полностью бесплатно</b>, без ограничений на прогоны, документы и экспорт.
Когда оплата будет подключена — вы получите уведомление, и у вас будет ${PRODUCT.trialDays} дней бесплатного периода,
чтобы решить, нужна ли подписка.
</div>
</div>
</div>
</div>
` : ''}
${sub ? `
<div class="border border-slate-800 rounded-lg p-5 mb-10">
<div class="text-slate-400 text-sm mb-2">Ваш статус</div>
${sub.inTrial
? `<div class="text-lg font-semibold">Пробный период — осталось <span class="text-orange-400">${sub.daysLeft} дн.</span></div>
<div class="text-sm text-slate-400 mt-1">Начало: ${new Date(sub.startedAt).toLocaleDateString('ru-RU')} · окончание: ${new Date(sub.trialEndsAt).toLocaleDateString('ru-RU')}</div>`
: `<div class="text-lg font-semibold text-orange-400">Пробный период завершён</div>
<div class="text-sm text-slate-400 mt-1">${PRODUCT.paymentNotYetAvailable ? 'Платформа работает бесплатно до ' + PRODUCT.paymentAvailableFrom + ' года.' : 'Оформите подписку, чтобы продолжить.'}</div>`}
</div>
` : ''}
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-10">
<div class="border-2 border-orange-500 rounded-lg p-6 relative">
<div class="absolute -top-3 left-6 bg-orange-500 text-slate-950 text-xs font-bold px-3 py-1 rounded-full">СЕЙЧАС ДОСТУПНО</div>
<div class="text-2xl font-bold mb-1">Бесплатно</div>
<div class="text-slate-400 text-sm mb-5">Полный доступ до ${PRODUCT.paymentAvailableFrom}</div>
<ul class="space-y-2 text-sm mb-6">
<li>✓ Неограниченные прогоны гипотез</li>
<li>✓ Все отраслевые панели</li>
<li>✓ Загрузка ТУ и протоколов (PDF/DOCX)</li>
<li>✓ Матрица сценариев</li>
<li>✓ Экспорт PDF, PPTX, JSON</li>
<li>✓ Калибровка на реальных респондентах</li>
<li>✓ Финансовая модель</li>
</ul>
<a href="#/run" class="block w-full text-center py-3 bg-orange-500 rounded-lg font-semibold text-slate-950 hover:bg-orange-400">Начать прогон</a>
</div>
<div class="border border-slate-800 rounded-lg p-6 opacity-80 relative">
<div class="absolute -top-3 left-6 bg-slate-800 text-slate-300 text-xs font-bold px-3 py-1 rounded-full">${PRODUCT.paymentAvailableFrom}</div>
<div class="text-2xl font-bold mb-1">Pro</div>
<div class="text-slate-400 text-sm mb-5">
${PRODUCT.price} ${PRODUCT.priceCurrency}/мес после ${PRODUCT.trialDays}-дневного пробного периода
</div>
<ul class="space-y-2 text-sm mb-6">
<li>✓ Всё, что в бесплатном тарифе</li>
<li>✓ Приоритетная обработка документов</li>
<li>✓ Расширенные отраслевые панели</li>
<li>✓ Гибридная калибровка (реальные люди)</li>
<li>✓ Техподдержка</li>
</ul>
<button disabled class="block w-full text-center py-3 border border-slate-700 rounded-lg font-semibold text-slate-500 cursor-not-allowed">
Недоступно до ${PRODUCT.paymentAvailableFrom}
</button>
<div class="text-xs text-slate-500 mt-3 text-center">Интеграция с ЮKassa (Яндекс) — в разработке</div>
</div>
</div>
<div class="border border-slate-800 rounded-lg p-6">
<h2 class="text-lg font-semibold mb-3">Как это будет работать</h2>
<ol class="space-y-3 text-sm text-slate-300">
<li><b class="text-orange-400">1.</b> Вы регистрируетесь и пользуетесь платформой бесплатно — сейчас и до ${PRODUCT.paymentAvailableFrom} года.</li>
<li><b class="text-orange-400">2.</b> Когда оплата станет доступна, вы получите уведомление в кабинете.</li>
<li><b class="text-orange-400">3.</b> Первые ${PRODUCT.trialDays} дней после подключения оплаты — бесплатно, без списаний.</li>
<li><b class="text-orange-400">4.</b> После пробного периода — ${PRODUCT.price} ${PRODUCT.priceCurrency}/мес. Отменить можно в любой момент.</li>
</ol>
</div>
<div class="border border-slate-800 rounded-lg p-6 mt-10">
<h2 class="text-lg font-semibold mb-3">Связаться</h2>
<div class="text-sm text-slate-300 space-y-2">
<div>Почта: <a href="mailto:${PRODUCT.email}" class="text-orange-400 hover:underline">${PRODUCT.email}</a></div>
<div>Телефон: <a href="tel:${PRODUCT.phoneRaw}" class="text-orange-400 hover:underline">${PRODUCT.phone}</a> (${PRODUCT.contactName})</div>
<div class="text-slate-500 text-xs mt-3">По вопросам подписки, пилотов и корпоративных внедрений — пишите или звоните.</div>
</div>
</div>
`;
};
// ─── 10. PRESETS ───────────────────────────────────────────────────────────
VIEWS.presets = (root) => {
root.innerHTML = `
<h1 class="text-2xl font-bold mb-2">Готовые пресеты гипотез</h1>
<p class="text-slate-400 mb-8">Нажмите на карточку — поля прогона заполнятся автоматически.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
${PRESETS.map(p => `
<button data-preset="${p.id}" class="preset-card text-left border border-slate-800 rounded-lg p-5 transition">
<div class="text-xs text-orange-400 mb-2">${p.subtitle}</div>
<div class="font-semibold mb-2">${p.title}</div>
<div class="text-sm text-slate-400 mb-3">${p.text.slice(0, 180)}…</div>
<div class="text-xs text-slate-500">${p.scenarios.length} сценариев · ${p.task_type}</div>
</button>
`).join('')}
</div>
`;
root.querySelectorAll('[data-preset]').forEach(btn => {
btn.addEventListener('click', () => {
const preset = PRESETS.find(p => p.id === btn.dataset.preset);
sessionStorage.setItem('gip_preset', preset.id);
nav('/run'); render();
});
});
};
// ─── 11. LOGIN / REGISTER ──────────────────────────────────────────────────
VIEWS.login = (root) => {
root.innerHTML = `
<div class="max-w-md mx-auto">
<h1 class="text-2xl font-bold mb-6">Вход</h1>
<form id="f" class="space-y-4">
<input name="email" class="w-full p-3 bg-slate-900 border border-slate-800 rounded" placeholder="Email">
<input name="password" type="password" class="w-full p-3 bg-slate-900 border border-slate-800 rounded" placeholder="Пароль">
<div id="err" class="text-red-400 text-sm hidden"></div>
<button class="w-full py-3 bg-orange-500 rounded font-semibold text-slate-950">Войти</button>
</form>
<p class="text-sm text-slate-400 mt-6">Нет аккаунта? <a href="#/register" class="text-orange-400">Регистрация</a></p>
<p class="text-xs text-slate-500 mt-3">Демо: demo@gipoteza.ru / demo1234</p>
</div>`;
root.querySelector('#f').addEventListener('submit', (e) => {
e.preventDefault();
const fd = new FormData(e.target);
const pw = b64(fd.get('password'));
const u = DB.users.find(x => x.email === fd.get('email') && x.password === pw);
if (!u) { const err = root.querySelector('#err'); err.textContent = 'Неверный email или пароль'; err.classList.remove('hidden'); return; }
DB.session = { email: u.email, company: u.company };
ensureTrialStarted(u.email);
nav('/dashboard'); render();
});
};
VIEWS.register = (root) => {
root.innerHTML = `
<div class="max-w-md mx-auto">
<h1 class="text-2xl font-bold mb-6">Регистрация</h1>
<form id="f" class="space-y-4">
<input name="email" class="w-full p-3 bg-slate-900 border border-slate-800 rounded" placeholder="Email">
<input name="password" type="password" class="w-full p-3 bg-slate-900 border border-slate-800 rounded" placeholder="Пароль (мин. 6)">
<input name="company" class="w-full p-3 bg-slate-900 border border-slate-800 rounded" placeholder="Компания">
<div id="err" class="text-red-400 text-sm hidden"></div>
<button class="w-full py-3 bg-orange-500 rounded font-semibold text-slate-950">Создать аккаунт</button>
</form>
<p class="text-sm text-slate-400 mt-6">Уже есть? <a href="#/login" class="text-orange-400">Войти</a></p>
<p class="text-xs text-slate-500 mt-4">
Регистрируясь, вы соглашаетесь использовать платформу для оценки гипотез.
Пробный период ${PRODUCT.trialDays} дней — с момента подключения оплаты (в ${PRODUCT.paymentAvailableFrom} году).
Сейчас — бесплатно без ограничений.
</p>
</div>`;
root.querySelector('#f').addEventListener('submit', (e) => {
e.preventDefault();
const fd = new FormData(e.target);
const email = fd.get('email'), password = fd.get('password'), company = fd.get('company');
const err = root.querySelector('#err');
if (!email || !email.includes('@')) { err.textContent = 'Введите корректный email'; err.classList.remove('hidden'); return; }
if (password.length < 6) { err.textContent = 'Пароль минимум 6 символов'; err.classList.remove('hidden'); return; }
if (DB.users.find(u => u.email === email)) { err.textContent = 'Email уже зарегистрирован'; err.classList.remove('hidden'); return; }
DB.users = [...DB.users, { email, password: b64(password), company, credits: 100, trial_started_at: Date.now() }];
DB.session = { email, company };
nav('/dashboard'); render();
});
};
// ─── 12. DASHBOARD ─────────────────────────────────────────────────────────
VIEWS.dashboard = (root) => {
if (!DB.session) { nav('/login'); return; }
const me = DB.users.find(u => u.email === DB.session.email) || { credits: 100 };
const runs = DB.runs.filter(r => r.user_email === DB.session.email).sort((a,b) => b.created_at - a.created_at);
const sub = getSubscription(me);
root.innerHTML = `
<h1 class="text-2xl font-bold mb-1">${DB.session.email}</h1>
<div class="text-slate-400 mb-8">${me.company || '—'}</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-10">
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-slate-400 text-sm mb-1">Тариф</div>
${PRODUCT.paymentNotYetAvailable ? `
<div class="text-xl font-bold text-orange-400">Бесплатный доступ</div>
<div class="text-xs text-slate-500 mt-1">до ${PRODUCT.paymentAvailableFrom} года</div>
` : sub?.inTrial ? `
<div class="text-xl font-bold text-orange-400">Пробный период</div>
<div class="text-xs text-slate-500 mt-1">осталось ${sub.daysLeft} дн.</div>
` : `
<div class="text-xl font-bold">Стандарт</div>
<div class="text-xs text-slate-500 mt-1">${PRODUCT.price} ${PRODUCT.priceCurrency}/мес</div>
`}
</div>
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-slate-400 text-sm mb-1">Прогонов</div>
<div class="text-xl font-bold">${runs.length}</div>
<div class="text-xs text-slate-500 mt-1">всего выполнено</div>
</div>
<div class="border border-slate-800 rounded-lg p-5">
<div class="text-slate-400 text-sm mb-1">Документов</div>
<div class="text-xl font-bold">${runs.reduce((s, r) => s + (r.documents_count || 0), 0)}</div>
<div class="text-xs text-slate-500 mt-1">загружено в прогонах</div>
</div>
</div>
${PRODUCT.paymentNotYetAvailable ? `
<div class="border border-orange-700 bg-orange-950/30 rounded-lg p-4 mb-8 text-sm">
<span class="text-orange-400 font-semibold">Оплата появится в ${PRODUCT.paymentAvailableFrom} году.</span>
Сейчас платформа работает бесплатно. <a href="#/pricing" class="text-orange-400 underline">Подробнее</a>
</div>
` : ''}
<h2 class="text-xl font-semibold mb-4">Мои прогоны</h2>
${runs.length === 0
? `<p class="text-slate-400">Пока нет прогонов. <a href="#/presets" class="text-orange-400">Выбрать пресет →</a></p>`
: `<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead class="text-slate-400 text-left border-b border-slate-800">
<tr><th class="py-2">Дата</th><th>Тип задачи</th><th>Докум.</th><th>Размер</th><th>Индекс</th><th></th></tr>
</thead>
<tbody>
${runs.map(r => `
<tr class="border-b border-slate-900">
<td class="py-2 text-slate-400">${new Date(r.created_at).toLocaleString('ru-RU')}</td>
<td>${r.task_type_title || r.task_type_code || '—'}</td>
<td>${r.documents_count ? `? ${r.documents_count}` : '—'}</td>
<td>${r.size}</td>
<td>${r.report?.appeal_index ?? '—'} / 10</td>
<td><a href="#/report/${r.id}" class="text-orange-400">Открыть</a></td>
</tr>`).join('')}
</tbody>
</table>
</div>`}
`;
};
// ─── 13. RUN ───────────────────────────────────────────────────────────────
VIEWS.run = (root) => {
if (!DB.session) { nav('/login'); return; }
const panels = DB.panels.filter(p => p.is_visible);
const presetId = sessionStorage.getItem('gip_preset');
const preset = presetId ? PRESETS.find(p => p.id === presetId) : null;
if (presetId) sessionStorage.removeItem('gip_preset');
const state = {
panelId: preset
? (DB.panels.find(p => p.code === preset.panel_code)?.id || panels[0]?.id)
: (panels[0]?.id || ''),
taskType: preset?.task_type || 'physical_product',
text: preset?.text || '',
size: 100,
docs: [],
parsing: false,
scenarios: preset?.scenarios?.length
? JSON.parse(JSON.stringify(preset.scenarios))
: [
{ label: 'base', price_mult: 1.00, variant: 'техническая' },
{ label: 'price -15%', price_mult: 0.85, variant: 'техническая' },
{ label: 'price +15%', price_mult: 1.15, variant: 'техническая' },
],
};
function draw() {
const mergedSignals = mergeDocSignals(state.docs);
root.innerHTML = `
<h1 class="text-2xl font-bold mb-2">Новый прогон</h1>
${preset ? `<div class="text-sm text-orange-400 mb-6">Загружен пресет: ${preset.title}</div>` : '<div class="mb-6"></div>'}
<div class="max-w-2xl space-y-5">
<div>
<label class="block mb-2 text-sm text-slate-400">Отраслевая панель</label>
<select id="panel" class="w-full p-3 bg-slate-900 border border-slate-800 rounded">
${panels.map(p => `<option value="${p.id}" ${p.id === state.panelId ? 'selected' : ''}>${p.title}</option>`).join('')}
</select>
</div>
<div>
<label class="block mb-2 text-sm text-slate-400">Тип задачи</label>
<select id="tt" class="w-full p-3 bg-slate-900 border border-slate-800 rounded">
${TASK_TYPES.map(t => `<option value="${t.code}" ${t.code === state.taskType ? 'selected' : ''}>${t.title}</option>`).join('')}
</select>
</div>
<div>
<label class="block mb-2 text-sm text-slate-400">Гипотеза</label>
<textarea id="hyp" rows="6" class="w-full p-3 bg-slate-900 border border-slate-800 rounded"
placeholder="Опишите гипотезу: сегмент, проблема, предложение, цена…">${state.text}</textarea>
</div>
<div>
<label class="block mb-2 text-sm text-slate-400">Документы (ТУ, сертификаты, протоколы)</label>
<div id="drop" class="border border-dashed border-slate-700 rounded-lg p-6 text-center transition-colors cursor-pointer">
<input id="file" type="file" multiple accept=".pdf,.docx,.doc,.txt,.md" class="hidden">
<div class="text-sm text-slate-300 mb-1">? Перетащите файлы сюда или <span class="text-orange-400">выберите на диске</span></div>
<div class="text-xs text-slate-500">PDF · DOCX · TXT · MD · до 20 МБ каждый</div>
</div>
${state.parsing ? `<div class="text-xs text-orange-400 mt-2">Разбираем файл…</div>` : ''}
${state.docs.length ? `
<ul class="mt-3 space-y-2">
${state.docs.map((d, i) => `
<li class="border ${d.error ? 'border-red-900 bg-red-950/30' : 'border-slate-800'} rounded p-3 text-sm">
<div class="flex items-start justify-between gap-3">
<div class="flex-1 min-w-0">
<div class="font-medium truncate">${d.name} <span class="text-slate-500 text-xs">· ${d.sizeKB} КБ</span></div>
${d.error
? `<div class="text-red-400 text-xs mt-1">${d.error}</div>`
: `<div class="text-slate-400 text-xs mt-1 line-clamp-2">${d.preview || ''}…</div>
<div class="flex flex-wrap gap-1 mt-2">
${(d.signals?.chips || []).map(c => `<span class="chip ${c.cls}">${c.text}</span>`).join('')}
</div>`}
</div>
<button data-rmdoc="${i}" class="text-slate-500 hover:text-red-400 text-lg leading-none">✕</button>
</div>
</li>
`).join('')}
</ul>
${mergedSignals.docCount ? `
<div class="mt-3 text-xs text-slate-400">
Объединённые сигналы: <span class="text-slate-500">документов ${mergedSignals.docCount}</span>
${mergedSignals.hasCert ? ' · ✅ сертификат' : ''}
${mergedSignals.hasProtokol ? ' · ✅ протокол' : ''}
${mergedSignals.hasGOST ? ' · ✅ ГОСТ' : ''}
${mergedSignals.hasMoroz ? ' · ✅ мороз' : ''}
</div>` : ''}
` : ''}
</div>
<div>
<label class="block mb-2 text-sm text-slate-400">Размер панели: <span id="sizeLabel">${state.size}</span></label>
<input id="size" type="range" min="8" max="500" value="${state.size}" class="w-full">
</div>
<div>
<label class="block mb-2 text-sm text-slate-400">Матрица сценариев</label>
<div class="space-y-2">
${state.scenarios.map((s, i) => `
<div class="flex flex-wrap gap-2 items-center text-sm">
<input data-i="${i}" data-f="label" value="${s.label}" class="flex-1 min-w-[140px] p-2 bg-slate-900 border border-slate-800 rounded">
<select data-i="${i}" data-f="variant" class="p-2 bg-slate-900 border border-slate-800 rounded">
${VARIANTS.map(v => `<option value="${v}" ${v === s.variant ? 'selected' : ''}>${v}</option>`).join('')}
</select>
<input data-i="${i}" data-f="price_mult" type="number" step="0.05" value="${s.price_mult}" class="w-24 p-2 bg-slate-900 border border-slate-800 rounded">
<button data-rm="${i}" class="text-slate-500 hover:text-red-400">✕</button>
</div>
`).join('')}
</div>
<button id="addScen" class="text-orange-400 text-sm mt-2">+ добавить сценарий</button>
</div>
<button id="go" class="px-6 py-3 bg-orange-500 rounded-lg font-semibold text-slate-950 hover:bg-orange-400" ${state.parsing ? 'disabled' : ''}>Запустить прогон</button>
</div>
`;
root.querySelector('#panel').addEventListener('change', e => { state.panelId = e.target.value; });
root.querySelector('#tt').addEventListener('change', e => { state.taskType = e.target.value; });
root.querySelector('#hyp').addEventListener('input', e => { state.text = e.target.value; });
root.querySelector('#size').addEventListener('input', e => {
state.size = +e.target.value;
root.querySelector('#sizeLabel').textContent = state.size;
});
root.querySelectorAll('[data-i]').forEach(inp => {
const evt = inp.tagName === 'SELECT' ? 'change' : 'input';
inp.addEventListener(evt, e => {
const i = +e.target.dataset.i, f = e.target.dataset.f;
state.scenarios[i][f] = f === 'price_mult' ? +e.target.value : e.target.value;
});
});
root.querySelectorAll('button[data-rm]').forEach(b => {
b.addEventListener('click', e => { state.scenarios.splice(+e.target.dataset.rm, 1); draw(); });
});
root.querySelectorAll('button[data-rmdoc]').forEach(b => {
b.addEventListener('click', e => { state.docs.splice(+e.target.dataset.rmdoc, 1); draw(); });
});
root.querySelector('#addScen').addEventListener('click', () => {
state.scenarios.push({ label: 'new', price_mult: 1.0, variant: 'техническая' });
draw();
});
const drop = root.querySelector('#drop');
const fileInput = root.querySelector('#file');
drop.addEventListener('click', () => fileInput.click());
fileInput.addEventListener('change', e => handleFiles([...e.target.files]));
['dragenter','dragover'].forEach(evt => drop.addEventListener(evt, e => {
e.preventDefault(); e.stopPropagation(); drop.classList.add('drop-active');
}));
['dragleave','drop'].forEach(evt => drop.addEventListener(evt, e => {
e.preventDefault(); e.stopPropagation(); drop.classList.remove('drop-active');
}));
drop.addEventListener('drop', e => handleFiles([...e.dataTransfer.files]));
root.querySelector('#go').addEventListener('click', go);
}
async function handleFiles(files) {
if (!files.length) return;
state.parsing = true; draw();
for (const file of files) {
if (file.size > 20 * 1024 * 1024) {
state.docs.push({ name: file.name, sizeKB: Math.round(file.size / 1024), error: 'Файл больше 20 МБ' });
continue;
}
const parsed = await parseFile(file);
state.docs.push(parsed);
}
state.parsing = false; draw();
}
function go() {
if (!state.text.trim()) { alert('Опишите гипотезу'); return; }
const panel = DB.panels.find(p => p.id === state.panelId);
const taskType = TASK_TYPES.find(t => t.code === state.taskType);
const cals = DB.calibrations.filter(c => c.panel_id === panel.id);
const docSignals = mergeDocSignals(state.docs);
const { base, matrix } = runMatrix(panel, state.text, state.size, taskType, state.scenarios, cals, docSignals);
const run = {
id: 'r_' + Date.now(),
user_email: DB.session.email,
panel_id: panel.id, panel_title: panel.title,
task_type_code: taskType.code, task_type_title: taskType.title,
size: state.size, scenarios: state.scenarios,
documents_count: state.docs.filter(d => !d.error).length,
documents_names: state.docs.map(d => d.name),
report: base, matrix,
created_at: Date.now(),
};
DB.runs = [...DB.runs, run];
nav('/report/' + run.id);
}
draw();
};
// ─── 14. REPORT ────────────────────────────────────────────────────────────
VIEWS.report = (root, [id]) => {
if (!DB.session) { nav('/login'); return; }
const run = DB.runs.find(r => r.id === id);
if (!run) { root.innerHTML = '<div class="text-red-400">Отчёт не найден</div>'; return; }
const r = run.report;
root.innerHTML = `
<div class="flex flex-wrap items-center justify-between gap-3 mb-2">
<h1 class="text-2xl font-bold">Отчёт</h1>
<div class="flex gap-2 text-sm no-print flex-wrap">
<button id="pdf" class="px-3 py-1.5 border border-slate-700 rounded hover:border-slate-500">Печать / PDF</button>
<button id="pptx" class="px-3 py-1.5 border border-slate-700 rounded hover:border-slate-500">Скачать PPTX</button>
<button id="json" class="px-3 py-1.5 border border-slate-700 rounded hover:border-slate-500">JSON</button>
<a href="#/calibrate/${run.id}" class="px-3 py-1.5 bg-orange-500 text-slate-950 rounded font-semibold hover:bg-orange-400">Калибровать</a>
</div>
</div>
<div class="text-xs text-slate-500 mb-1">${run.panel_title} · ${run.task_type_title || ''}</div>
<div class="text-sm text-orange-400 mb-8">${r.disclaimer}</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
<div class="border border-slate-800 rounded p-4">
<div class="text-slate-400 text-sm">Индекс привлекательности</div>
<div class="text-3xl font-bold">${r.appeal_index} <span class="text-slate-500 text-lg">/ 10</span></div>
</div>
<div class="border border-slate-800 rounded p-4">
<div class="text-slate-400 text-sm">Готовность платить</div>
<div class="text-3xl font-bold">${Math.round(r.wtp * 100)}%</div>
</div>
<div class="border border-slate-800 rounded p-4">
<div class="text-slate-400 text-sm">Уверенность</div>
<div class="text-3xl font-bold">${r.confidence}</div>
</div>
</div>
${r.documents_used ? `
<div class="border border-slate-800 rounded p-4 mb-8">
<div class="text-slate-400 text-sm mb-2">? Учтено документов: ${r.documents_used}</div>
<div class="text-xs text-slate-500 mb-2">${(r.documents || []).join(' · ')}</div>
<div class="flex flex-wrap gap-1">
${(r.document_signals || []).map(c => `<span class="chip ${c.cls}">${c.text}</span>`).join('')}
</div>
</div>` : ''}
<h2 class="text-xl font-semibold mb-3">Топ-возражения</h2>
<ul class="space-y-2 mb-8">
${r.top_objections.map(o => `
<li class="border border-slate-800 rounded p-3">
<div class="flex justify-between gap-4 mb-2"><span>${o.text}</span><span class="text-slate-400 shrink-0">${Math.round(o.share * 100)}%</span></div>
<div class="h-1 bg-slate-800 rounded"><div class="bar h-1 bg-orange-500 rounded" style="width: ${o.share * 100}%"></div></div>
</li>`).join('')}
</ul>
<h2 class="text-xl font-semibold mb-3">По сегментам</h2>
<ul class="space-y-1 mb-8">
${Object.entries(r.segment_scores).map(([seg, score]) => `
<li class="flex justify-between border-b border-slate-900 py-2 gap-3 flex-wrap">
<span>${seg}</span>
<span class="flex gap-3 text-sm">
<span class="text-slate-500">уверенность: ${r.segment_confidence[seg]}</span>
<span>${score} / 10</span>
</span>
</li>`).join('')}
</ul>
${run.matrix?.length ? `
<h2 class="text-xl font-semibold mb-3">Матрица сценариев</h2>
<div class="overflow-x-auto mb-8">
<table class="w-full text-sm">
<thead class="text-slate-400 text-left border-b border-slate-800">
<tr><th class="py-2">Сценарий</th><th>Формулировка</th><th>Цена ×</th><th>Индекс</th><th>WTP</th><th>Главное возражение</th></tr>
</thead>
<tbody>
${run.matrix.map(m => `
<tr class="border-b border-slate-900">
<td class="py-2">${m.label}</td>
<td class="text-slate-400">${m.variant}</td>
<td>${m.price_mult}</td>
<td>${m.appeal_index}</td>
<td>${Math.round(m.wtp * 100)}%</td>
<td class="text-slate-400">${m.top_objection}</td>
</tr>`).join('')}
</tbody>
</table>
</div>` : ''}
<h2 class="text-xl font-semibold mb-3">Цитаты</h2>
<ul class="space-y-2 italic text-slate-300 mb-8">
${r.quotes.map(q => `<li class="border-l-2 border-orange-500 pl-3">${q}</li>`).join('')}
</ul>
<h2 class="text-xl font-semibold mb-3">Рекомендации</h2>
<ul class="space-y-1 list-disc list-inside">
${r.recommendations.map(x => `<li>${x}</li>`).join('')}
</ul>
`;
root.querySelector('#json').addEventListener('click', () => {
const blob = new Blob([JSON.stringify(run, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url; a.download = `report-${run.id}.json`; a.click();
URL.revokeObjectURL(url);
});
root.querySelector('#pdf').addEventListener('click', () => window.print());
root.querySelector('#pptx').addEventListener('click', async () => {
const btn = root.querySelector('#pptx');
btn.textContent = 'Формируем…';
try { await exportPPTX(run); btn.textContent = 'Скачать PPTX'; }
catch (e) { alert('Ошибка экспорта PPTX: ' + e.message); btn.textContent = 'Скачать PPTX'; }
});
};
// ─── 15. PPTX ──────────────────────────────────────────────────────────────
async function exportPPTX(run) {
if (typeof PptxGenJS === 'undefined') throw new Error('PptxGenJS не загружен. Обновите страницу.');
const pptx = new PptxGenJS();
pptx.defineLayout({ name: 'A16x9', width: 13.333, height: 7.5 });
pptx.layout = 'A16x9';
pptx.author = 'Гипотеза';
pptx.title = 'Отчёт по гипотезе';
const r = run.report;
const BG = '0F172A', FG = 'F1F5F9', ACC = 'F97316', DIM = '94A3B8';
let s = pptx.addSlide();
s.background = { color: BG };
s.addText('ГИПОТЕЗА', { x: 0.6, y: 2.4, w: 12, h: 1.2, fontSize: 54, bold: true, color: FG });
s.addText(r.hypothesis.slice(0, 260) + (r.hypothesis.length > 260 ? '…' : ''),
{ x: 0.6, y: 3.8, w: 12, h: 2, fontSize: 16, color: DIM });
s.addText(new Date(run.created_at).toLocaleDateString('ru-RU'),
{ x: 0.6, y: 6.8, w: 12, h: 0.4, fontSize: 12, color: DIM });
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Ключевые метрики', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
const metrics = [
['Индекс привлекательности', `${r.appeal_index} / 10`],
['Готовность платить', `${Math.round(r.wtp * 100)}%`],
['Уверенность', r.confidence],
['Респондентов', String(r.respondents)],
];
metrics.forEach(([label, val], i) => {
const x = 0.6 + (i % 2) * 6.2;
const y = 1.8 + Math.floor(i / 2) * 1.6;
s.addShape(pptx.ShapeType.rect, { x, y, w: 5.8, h: 1.3, fill: { color: '1E293B' }, line: { color: '334155' } });
s.addText(label, { x: x + 0.2, y: y + 0.1, w: 5.4, h: 0.4, fontSize: 12, color: DIM });
s.addText(val, { x: x + 0.2, y: y + 0.5, w: 5.4, h: 0.7, fontSize: 24, bold: true, color: FG });
});
if (r.documents_used) {
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Использованные документы', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
s.addText((r.documents || []).join(' · '), { x: 0.6, y: 1.6, w: 12, h: 0.6, fontSize: 14, color: DIM });
const chipRows = (r.document_signals || []).map(c => [{ text: c.text, options: { fontSize: 14, color: FG } }]);
if (chipRows.length) {
s.addTable(chipRows, { x: 0.6, y: 2.4, w: 12, colW: [12], border: { type: 'solid', color: '334155', pt: 1 }, fill: { color: '0F172A' }, rowH: 0.5 });
}
}
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Топ-возражения', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
const objRows = r.top_objections.map(o => [
{ text: o.text, options: { fontSize: 14, color: FG } },
{ text: `${Math.round(o.share * 100)}%`, options: { fontSize: 14, color: ACC, align: 'right' } },
]);
s.addTable(objRows, { x: 0.6, y: 1.6, w: 12, colW: [10, 2], border: { type: 'solid', color: '334155', pt: 1 }, fill: { color: '0F172A' }, rowH: 0.6 });
s = pptx.addSlide();
s.background = { color: BG };
s.addText('По сегментам', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
const segRows = Object.entries(r.segment_scores).map(([seg, score]) => [
{ text: seg, options: { fontSize: 14, color: FG } },
{ text: r.segment_confidence[seg], options: { fontSize: 12, color: DIM } },
{ text: `${score} / 10`, options: { fontSize: 14, color: ACC, align: 'right' } },
]);
s.addTable(
[[
{ text: 'Сегмент', options: { fontSize: 12, color: DIM, bold: true } },
{ text: 'Уверенность', options: { fontSize: 12, color: DIM, bold: true } },
{ text: 'Оценка', options: { fontSize: 12, color: DIM, bold: true, align: 'right' } },
], ...segRows],
{ x: 0.6, y: 1.6, w: 12, colW: [7, 3, 2], border: { type: 'solid', color: '334155', pt: 1 }, fill: { color: '0F172A' }, rowH: 0.55 }
);
if (run.matrix?.length) {
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Матрица сценариев', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
const mRows = run.matrix.map(m => [
{ text: m.label, options: { fontSize: 12, color: FG } },
{ text: m.variant, options: { fontSize: 12, color: DIM } },
{ text: String(m.price_mult), options: { fontSize: 12, color: FG, align: 'center' } },
{ text: String(m.appeal_index), options: { fontSize: 12, color: ACC, align: 'right' } },
{ text: `${Math.round(m.wtp * 100)}%`, options: { fontSize: 12, color: FG, align: 'right' } },
]);
s.addTable(
[[
{ text: 'Сценарий', options: { fontSize: 11, color: DIM, bold: true } },
{ text: 'Формулировка', options: { fontSize: 11, color: DIM, bold: true } },
{ text: 'Цена ×', options: { fontSize: 11, color: DIM, bold: true, align: 'center' } },
{ text: 'Индекс', options: { fontSize: 11, color: DIM, bold: true, align: 'right' } },
{ text: 'WTP', options: { fontSize: 11, color: DIM, bold: true, align: 'right' } },
], ...mRows],
{ x: 0.6, y: 1.6, w: 12, colW: [3.5, 2.5, 1.5, 2, 2.5], border: { type: 'solid', color: '334155', pt: 1 }, fill: { color: '0F172A' }, rowH: 0.55 }
);
}
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Рекомендации', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
r.recommendations.forEach((rec, i) => {
s.addText(`• ${rec}`, { x: 0.8, y: 1.7 + i * 0.7, w: 12, h: 0.6, fontSize: 14, color: FG });
});
s = pptx.addSlide();
s.background = { color: BG };
s.addText('Границы применения', { x: 0.6, y: 0.5, w: 12, h: 0.8, fontSize: 30, bold: true, color: FG });
s.addText(r.disclaimer, { x: 0.6, y: 1.7, w: 12, h: 3, fontSize: 16, color: DIM });
s.addText(`${PRODUCT.email} · ${PRODUCT.phone} (${PRODUCT.contactName})`,
{ x: 0.6, y: 6.5, w: 12, h: 0.5, fontSize: 12, color: ACC });
await pptx.writeFile({ fileName: `gipoteza-${run.id}.pptx` });
}
// ─── 16. CALIBRATE ─────────────────────────────────────────────────────────
VIEWS.calibrate = (root, [runId]) => {
if (!DB.session) { nav('/login'); return; }
const run = DB.runs.find(r => r.id === runId);
if (!run) { root.innerHTML = '<div class="text-red-400">Прогон не найден</div>'; return; }
const state = { scores: [0,0,0], segment: '' };
function draw() {
root.innerHTML = `
<div class="max-w-xl mx-auto">
<h1 class="text-2xl font-bold mb-3">Калибровка</h1>
<p class="text-slate-400 mb-6 text-sm">
Введите оценки 3–5 реальных респондентов (1–10). Мы сравним их с синтетическим прогнозом
и учтём разницу для этой отрасли — это повысит уверенность следующих прогонов.
</p>
<label class="text-sm text-slate-400">Сегмент (опционально)</label>
<select id="seg" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-4">
<option value="">— общая —</option>
${Object.keys(run.report.segment_scores).map(s => `<option value="${s}" ${s === state.segment ? 'selected' : ''}>${s}</option>`).join('')}
</select>
${state.scores.map((s, i) => `
<div class="mb-3">
<label class="text-sm text-slate-400">Респондент ${i + 1}</label>
<input data-i="${i}" type="number" min="1" max="10" value="${s || ''}"
class="w-full p-3 bg-slate-900 border border-slate-800 rounded">
</div>
`).join('')}
<button id="add" class="text-orange-400 text-sm mb-4">+ добавить респондента</button>
<button id="go" class="w-full py-3 bg-orange-500 rounded font-semibold text-slate-950 hover:bg-orange-400">
Записать калибровку
</button>
<div id="result" class="mt-6"></div>
</div>
`;
root.querySelector('#seg').addEventListener('change', e => { state.segment = e.target.value; });
root.querySelectorAll('input[data-i]').forEach(inp => {
inp.addEventListener('input', e => { state.scores[+e.target.dataset.i] = +e.target.value; });
});
root.querySelector('#add').addEventListener('click', () => { state.scores.push(0); draw(); });
root.querySelector('#go').addEventListener('click', save);
}
function save() {
const scores = state.scores.filter(s => s >= 1 && s <= 10);
if (scores.length < 1) { alert('Введите хотя бы одну оценку'); return; }
const real = scores.reduce((a,b) => a+b, 0) / scores.length;
const synth = run.report.appeal_index;
const cal = {
id: 'c_' + Date.now(),
run_id: run.id, panel_id: run.panel_id,
segment: state.segment || null,
synthetic_score: synth, real_score: +real.toFixed(2),
delta: +(synth - real).toFixed(2),
respondents: scores.length, created_at: Date.now(),
};
DB.calibrations = [...DB.calibrations, cal];
root.querySelector('#result').innerHTML = `
<div class="border border-slate-800 rounded p-5 fade">
<div class="text-slate-400 text-sm mb-3">Калибровка записана</div>
<div class="space-y-1 mb-3">
<div>Синтетика: <b>${cal.synthetic_score}</b></div>
<div>Реальные: <b>${cal.real_score}</b></div>
<div>Δ: <b class="${cal.delta > 0 ? 'text-orange-400' : 'text-green-400'}">${cal.delta}</b></div>
<div class="text-slate-500 text-xs">Респондентов: ${cal.respondents}${cal.segment ? ' · сегмент: ' + cal.segment : ''}</div>
</div>
<a href="#/report/${run.id}" class="inline-block mt-4 text-orange-400">← Вернуться к отчёту</a>
</div>`;
}
draw();
};
// ─── 17. FINANCE ───────────────────────────────────────────────────────────
VIEWS.finance = (root) => {
const state = LS.get('finance', {
proPrice: PRODUCT.price, businessPrice: 19900, corpPrice: 99900,
proCount: 30, businessCount: 8, corpCount: 2,
infraBase: 12000, llmBase: 25000, devOneTime: 450000, marketing: 60000,
});
function save() { LS.set('finance', state); renderFinance(); }
function renderFinance() {
const { proPrice, businessPrice, corpPrice, proCount, businessCount, corpCount,
infraBase, llmBase, devOneTime, marketing } = state;
const mrr = proPrice * proCount + businessPrice * businessCount + corpPrice * corpCount;
const arr = mrr * 12;
const monthlyOpex = infraBase + llmBase + marketing;
const monthlyGross = mrr - monthlyOpex;
const paybackMonths = monthlyGross > 0 ? Math.ceil(devOneTime / monthlyGross) : Infinity;
const margin = mrr > 0 ? (monthlyGross / mrr) * 100 : 0;
const customers = proCount + businessCount + corpCount;
const arpu = customers ? mrr / customers : 0;
const scen = [
{ name: 'Пессимистичный', mult: 0.5, color: 'text-red-400' },
{ name: 'Базовый', mult: 1.0, color: 'text-orange-400' },
{ name: 'Оптимистичный', mult: 2.0, color: 'text-green-400' },
];
root.innerHTML = `
<h1 class="text-2xl font-bold mb-2">Финансовая модель</h1>
<p class="text-slate-400 mb-8">Крутите цифры — модель пересчитывается на лету.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
<div>
<h2 class="text-lg font-semibold mb-4">Тарифы и подписчики</h2>
<div class="space-y-3 text-sm">
${field('Pro, ₽/мес', 'proPrice')}
${field('Pro подписчиков', 'proCount')}
${field('Бизнес, ₽/мес', 'businessPrice')}
${field('Бизнес подписчиков', 'businessCount')}
${field('Корпоративный, ₽/мес', 'corpPrice')}
${field('Корпоративных', 'corpCount')}
</div>
</div>
<div>
<h2 class="text-lg font-semibold mb-4">Затраты</h2>
<div class="space-y-3 text-sm">
${field('Инфраструктура, ₽/мес', 'infraBase')}
${field('LLM API, ₽/мес', 'llmBase')}
${field('Маркетинг, ₽/мес', 'marketing')}
${field('Разработка (разово), ₽', 'devOneTime')}
</div>
</div>
</div>
<h2 class="text-lg font-semibold mb-4">Итоги</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-10">
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">MRR</div><div class="text-2xl font-bold text-orange-400">${fmt(mrr)} ₽</div></div>
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">ARR</div><div class="text-2xl font-bold">${fmt(arr)} ₽</div></div>
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">Маржа</div><div class="text-2xl font-bold">${margin.toFixed(1)}%</div></div>
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">Прибыль/мес</div><div class="text-2xl font-bold ${monthlyGross > 0 ? 'text-green-400' : 'text-red-400'}">${fmt(monthlyGross)} ₽</div></div>
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">ARPU</div><div class="text-2xl font-bold">${fmt(Math.round(arpu))} ₽</div></div>
<div class="border border-slate-800 rounded p-5"><div class="text-slate-400 text-sm">Окупаемость</div><div class="text-2xl font-bold">${paybackMonths === Infinity ? '∞' : paybackMonths + ' мес'}</div></div>
</div>
<h2 class="text-lg font-semibold mb-4">Три сценария</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead class="text-slate-400 text-left border-b border-slate-800"><tr><th class="py-2">Сценарий</th><th>Множитель</th><th>MRR</th><th>Прибыль/мес</th><th>Окупаемость</th></tr></thead>
<tbody>
${scen.map(sc => {
const m = mrr * sc.mult;
const g = m - monthlyOpex;
const pb = g > 0 ? Math.ceil(devOneTime / g) : Infinity;
return `<tr class="border-b border-slate-900">
<td class="py-2 ${sc.color}">${sc.name}</td><td>×${sc.mult}</td>
<td>${fmt(m)} ₽</td><td>${fmt(g)} ₽</td>
<td>${pb === Infinity ? '∞' : pb + ' мес'}</td></tr>`;
}).join('')}
</tbody>
</table>
</div>
`;
root.querySelectorAll('[data-fin]').forEach(inp => {
inp.addEventListener('input', e => { state[e.target.dataset.fin] = +e.target.value || 0; save(); });
});
}
function field(label, key) {
return `<label class="block"><span class="text-slate-400">${label}</span>
<input data-fin="${key}" type="number" value="${state[key]}" class="w-full p-2 mt-1 bg-slate-900 border border-slate-800 rounded"></label>`;
}
function fmt(n) { return Math.round(n).toLocaleString('ru-RU'); }
renderFinance();
};
// ─── 18. NEW PANEL ─────────────────────────────────────────────────────────
VIEWS.panels = (root, [sub]) => {
if (sub !== 'new') { root.innerHTML = '<div>Раздел в разработке</div>'; return; }
if (!DB.session) { nav('/login'); return; }
const state = {
code: '', title: '', description: '',
segmentsText: 'инкассация:0.3\nVIP:0.2\nинфраструктура:0.5',
rolesText: 'инкассация:главный конструктор, технолог\nVIP:главный конструктор',
objectionsText: 'Нет сертификата.\nНет референсов.',
sourcesText: 'ВЦИОМ\nРосстат',
};
function draw() {
root.innerHTML = `
<div class="max-w-2xl">
<h1 class="text-2xl font-bold mb-6">Новая отраслевая панель</h1>
<input id="code" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3" placeholder="Код" value="${state.code}">
<input id="title" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3" placeholder="Название" value="${state.title}">
<textarea id="description" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3 h-20" placeholder="Описание">${state.description}</textarea>
<label class="text-sm text-slate-400">Сегменты («название:вес»)</label>
<textarea id="segments" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3 h-24 font-mono text-sm">${state.segmentsText}</textarea>
<label class="text-sm text-slate-400">Роли по сегментам</label>
<textarea id="roles" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3 h-24 font-mono text-sm">${state.rolesText}</textarea>
<label class="text-sm text-slate-400">Типовые возражения</label>
<textarea id="objections" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-3 h-24">${state.objectionsText}</textarea>
<label class="text-sm text-slate-400">Источники данных</label>
<textarea id="sources" class="w-full p-3 bg-slate-900 border border-slate-800 rounded mb-5 h-20">${state.sourcesText}</textarea>
<div id="msg" class="text-sm mb-3"></div>
<button id="go" class="px-6 py-3 bg-orange-500 rounded font-semibold text-slate-950 hover:bg-orange-400">Создать панель</button>
<a href="#/" class="ml-3 text-slate-400">Отмена</a>
</div>`;
const bind = (sel, key) => { const el = root.querySelector(sel); if (el) el.addEventListener('input', e => { state[key] = e.target.value; }); };
bind('#code','code'); bind('#title','title'); bind('#description','description');
bind('#segments','segmentsText'); bind('#roles','rolesText');
bind('#objections','objectionsText'); bind('#sources','sourcesText');
root.querySelector('#go').addEventListener('click', save);
}
function save() {
const msg = root.querySelector('#msg');
if (!state.code || !state.title) { msg.textContent = 'Заполните код и название'; msg.className = 'text-sm mb-3 text-red-400'; return; }
if (DB.panels.find(p => p.code === state.code)) { msg.textContent = 'Код уже занят'; msg.className = 'text-sm mb-3 text-red-400'; return; }
const segments = {};
state.segmentsText.split('\n').filter(Boolean).forEach(l => {
const [k, v] = l.split(':').map(x => x?.trim());
if (k) segments[k] = parseFloat(v) || 1;
});
const roles = {};
state.rolesText.split('\n').filter(Boolean).forEach(l => {
const [k, v] = l.split(':').map(x => x?.trim());
if (k) roles[k] = (v || '').split(',').map(x => x.trim()).filter(Boolean);
});
const panel = {
id: 'p_' + Date.now(),
code: state.code, title: state.title, description: state.description,
segments, roles,
sources: state.sourcesText.split('\n').map(x => x.trim()).filter(Boolean),
objections: state.objectionsText.split('\n').map(x => x.trim()).filter(Boolean),
is_builtin: false, is_visible: true, owner_email: DB.session.email,
};
DB.panels = [...DB.panels, panel];
msg.textContent = 'Панель создана.';
msg.className = 'text-sm mb-3 text-green-400';
}
draw();
};
// ─── 19. BOOTSTRAP ─────────────────────────────────────────────────────────
(function bootstrap() {
if (!localStorage.getItem('gip_users')) {
DB.users = [{
email: 'demo@gipoteza.ru',
password: b64('demo1234'),
company: 'Арсенал-Деталь',
credits: 100,
trial_started_at: Date.now(),
}];
}
})();
// ─── 20. ДЕМО ──────────────────────────────────────────────────────────────
window.__gipotezaDemo = function() {
const preset = PRESETS[0];
const panel = DB.panels.find(p => p.code === preset.panel_code);
const tt = TASK_TYPES.find(t => t.code === preset.task_type);
const cals = DB.calibrations.filter(c => c.panel_id === panel.id);
const { base, matrix } = runMatrix(panel, preset.text, 120, tt, preset.scenarios, cals, null);
const run = {
id: 'r_demo_' + Date.now(),
user_email: 'demo@gipoteza.ru',
panel_id: panel.id, panel_title: panel.title,
task_type_code: tt.code, task_type_title: tt.title,
size: 120, scenarios: preset.scenarios,
documents_count: 0,
report: base, matrix,
created_at: Date.now(),
};
DB.runs = [...DB.runs, run];
DB.session = { email: 'demo@gipoteza.ru', company: 'Арсенал-Деталь' };
nav('/report/' + run.id); render();
};
</script>
</body>
</html>
2026-09-29T04:36:35Z
https://pandoraburo.ru/ssl/u/pic/ef/f66878aa6d11f1abb9f7ceed6face4/-/image%20%284%29.jpg
1592962
https://www.pandoraburo.ru/