diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html index 6f4d2b9..32f95a8 100644 --- a/docs/mockup_cabinet.html +++ b/docs/mockup_cabinet.html @@ -191,6 +191,42 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text); .chat-send{width:32px;height:32px;background:var(--primary);border:none;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s} .chat-send:hover{background:#065f46} +/* Interview Chat */ +.iv-wrap{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;padding:6px 0 8px} +.iv-date{text-align:center;font-size:11px;color:#94a3b8;font-weight:600;padding:12px 0 8px;letter-spacing:.03em} +.msg{display:flex;align-items:flex-end;gap:9px;margin-bottom:10px} +.msg.out{flex-direction:row-reverse} +.msg-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700} +.msg-av-cons{background:var(--dark);color:#fff} +.msg-av img{width:100%;height:100%;object-fit:cover} +.bubble{max-width:72%;border-radius:16px;padding:10px 13px;font-size:13px;line-height:1.5;position:relative} +.bubble.in{background:#fff;border:1.5px solid var(--border);border-bottom-left-radius:4px;color:var(--text)} +.bubble.out{background:var(--primary);border-bottom-right-radius:4px;color:#fff} +.msg-ts{font-size:10px;margin-top:5px;opacity:.5;display:block;text-align:right} +.msg-name{font-size:10px;font-weight:700;color:var(--primary);margin-bottom:3px} +/* Voice bubble */ +.voice{display:flex;align-items:center;gap:9px;min-width:180px} +.voice-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px} +.bubble.in .voice-btn{background:var(--light);color:var(--primary)} +.bubble.out .voice-btn{background:rgba(255,255,255,.2);color:#fff} +.voice-wave{flex:1;height:28px} +.voice-wave line{stroke-linecap:round} +.bubble.in .voice-wave line{stroke:#10B981} +.bubble.out .voice-wave line{stroke:rgba(255,255,255,.7)} +.voice-dur{font-size:11px;opacity:.6;white-space:nowrap;flex-shrink:0} +/* File bubble */ +.file-bub{display:flex;align-items:center;gap:10px;min-width:180px} +.file-ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0} +.bubble.in .file-ic{background:var(--light)} +.bubble.out .file-ic{background:rgba(255,255,255,.15)} +.file-info{flex:1} +.file-name{font-size:12px;font-weight:600;margin-bottom:1px} +.file-size{font-size:11px;opacity:.55} +/* Confirm strip */ +.iv-confirm{background:#F0FDF4;border:1.5px solid rgba(16,185,129,.25);border-radius:13px;padding:14px 18px;display:flex;align-items:center;gap:14px;margin-top:6px;flex-shrink:0} +.iv-confirm-txt{flex:1;font-size:13px;color:#065f46;font-weight:500} +.iv-confirm-sub{font-size:11px;color:#059669;margin-top:1px;font-weight:400} + /* Demo */ .demo{background:#0F0F1A;border-top:1px solid rgba(255,255,255,.06);padding:7px 18px;display:flex;align-items:center;gap:7px;flex-shrink:0} .demo-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.25);margin-right:2px} @@ -290,27 +326,134 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
Этап 1 из 5 · Завершён
Знакомство
-
Елена выявила ключевые боли бизнеса и составила список участников диагностики
+
Интервью с руководителем. Здесь зафиксировано всё, что обсудили — голосом, текстом и файлами.
-
-
-
Собранная информация
-
✓
Сфера: производство и монтаж
-
✓
Команда: 12 сотрудников
-
✓
Боль 1: потери клиентов при первом звонке
-
✓
Боль 2: долгое согласование смет
-
✓
Боль 3: нет контроля над выездами
+ + +
+
+
Протокол интервью
+
26 мая · 14:00–14:47
-
-
Участники для Этапа 2
-
✓
Иванов Алексей — Директор
-
✓
Петрова Мария — Нач. производства
-
✓
Сидоров Николай — Гл. бухгалтер
-
✓
Козлова Наталья — Менеджер продаж
+
+ +
26 мая 2026
+ + +
+
В
+
+
Добрый день, Алексей! Расскажите — чем занимается компания, сколько человек в команде?14:02
+
+
+ + +
+
+
+
Иванов Алексей
+
+
+ + + + + 1:24 +
+ 14:03 +
+
+
+ + +
+
В
+
+
Какие главные проблемы мешают расти? Что забирает больше всего вашего времени?14:09
+
+
+ + +
+
+
+
Иванов Алексей
+
Теряем клиентов на первом звонке — менеджер не успевает ответить. Сметы согласуем по 3–5 дней, пока всё не потеряется в почте. И не знаю где мои выездные бригады в реальном времени.14:11
+
+
+ + +
+
+
+
+
+ + + + + 0:47 +
+ 14:12 +
+
+
+ + +
+
В
+
+
Кто у вас ключевые люди в процессах? Кого нужно подключить к диагностике?14:18
+
+
+ + +
+
+
+
Иванов Алексей
+
+
+
📋
+
+
Оргструктура_2026.pdf
+
148 КБ · PDF
+
+
+ 14:19 +
+
+
+ +
+
+
+
Нач. производства — Петрова Мария, бухгалтер — Сидоров Николай, продажи — Козлова Наталья. Они лучше всего знают процессы изнутри.14:20
+
+
+ + +
+
В
+
+
Отлично. Зафиксировал 3 болевые точки, участников диагностики. Елена разошлёт персональные ссылки сегодня до 18:00.14:44
+
+
+ +
+ + +
+
+
✓ Протокол подтверждён
+
Иванов А. · 26 мая, 15:02
+
+
-
+ +