approved/: одобренная модалка нового диалога; из sketches/005 убрана пояснительная панель

This commit is contained in:
Porfiry
2026-09-19 13:40:34 +03:00
parent 48b7cd1b4b
commit b2f77d2ed9
5 changed files with 202 additions and 27 deletions
-26
View File
@@ -27,18 +27,6 @@
.switcher button:hover { color: var(--fg); }
.switcher button.on { background: var(--accent); border-color: var(--accent); color: #0F1922; font-weight: 600; }
/* пояснение к состоянию — это НЕ часть интерфейса */
.annot {
max-width: 1180px; width: 100%; border: 1px dashed #3A4756; border-radius: 10px;
padding: 10px 14px; font-size: 12.5px; color: var(--dim); background: rgba(28,39,51,.5);
}
.annot b { color: var(--fg); font-weight: 600; }
.annot .tag {
display: inline-block; font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase;
color: #0F1922; background: var(--dim); border-radius: 5px; padding: 1px 6px; margin-right: 8px;
font-weight: 700; vertical-align: 1px;
}
/* ============ окно клиента ============ */
.window {
width: 1180px; height: 740px; background: var(--bg); border-radius: 12px;
@@ -189,8 +177,6 @@
<button data-view="made">Диалог создан</button>
</div>
<div class="annot" id="annot"></div>
<div class="window">
<!-- ================= СПИСОК ДИАЛОГОВ ================= -->
<aside class="sidebar">
@@ -397,8 +383,6 @@
el('warn').classList.remove('on');
if (v === 'pick') {
el('annot').innerHTML = `<span class="tag">выбор</span><b>Ассистентов больше одного</b> — по «+» открывается это окно.
Сверху подсказка, ниже список. Выбран первый по умолчанию — чтобы создать диалог, хватает одного нажатия.`;
el('chatList').innerHTML = CHATS_TWO;
el('folders').style.display = ''; el('searchBox').style.display = '';
el('cnt').textContent = '2';
@@ -409,9 +393,6 @@
}
if (v === 'offline') {
el('annot').innerHTML = `<span class="tag">не отвечает</span><b>Выбран ассистент, который не отвечает.</b>
Выбрать его можно, но окно сразу предупреждает: сообщение не уйдёт, пока он не поднимется.
Отключённых из списка не выкидываем — ассистент мог просто перезапускаться.`;
el('chatList').innerHTML = CHATS_TWO;
el('folders').style.display = ''; el('searchBox').style.display = '';
el('cnt').textContent = '2';
@@ -426,8 +407,6 @@
}
if (v === 'one') {
el('annot').innerHTML = `<span class="tag">один</span><b>Ассистент один — окно не показывается.</b>
По «+» диалог создаётся сразу в нём: выбирать не из чего. Это видно по отсутствию затемнения.`;
el('chatList').innerHTML = CHATS_TWO;
el('folders').style.display = ''; el('searchBox').style.display = '';
el('cnt').textContent = '2';
@@ -435,17 +414,12 @@
}
if (v === 'zero') {
el('annot').innerHTML = `<span class="tag">ноль</span><b>Ассистентов нет — кнопки «+» нет вообще.</b>
Создавать диалог не в ком. Пустой список объясняет, что делать, и ведёт в настройки.`;
el('chatList').innerHTML = CHATS_EMPTY;
el('folders').style.display = 'none'; el('searchBox').style.display = 'none';
el('newChatBtn').classList.add('hidden');
}
if (v === 'made') {
el('annot').innerHTML = `<span class="tag">после выбора</span><b>Диалог создан в выбранном ассистенте.</b>
Новый диалог встал первым в списке, шапка чата показывает его ассистента (цвет и имя),
полей ввода нет — диалог пуст, писать можно сразу.`;
el('chatList').innerHTML = CHATS_NEW;
el('folders').style.display = ''; el('searchBox').style.display = '';
el('cnt').textContent = '2';