lms-sb/.superpowers/brainstorm/8559-1779175817/content/admin-views.html

<h2>Как выглядит раздел «Вопросы» в админке?</h2>
<p class="subtitle">Список + открытый тред — выбери что ближе по ощущению</p>

<div class="options">
  <div class="option" data-choice="a" onclick="toggleSelect(this)">
    <div class="letter">A</div>
    <div class="content">
      <h3>Список + боковая панель треда</h3>
      <p>Слева список вопросов, справа открывается тред. Как почтовый клиент — не уходишь со страницы.</p>
      <div class="mockup" style="margin-top:12px">
        <div class="mockup-header">Admin → Вопросы учеников</div>
        <div class="mockup-body" style="padding:0; display:flex; min-height:160px; font-size:12px">
          <div style="width:45%; border-right:2px solid #AAAAAA; padding:8px">
            <div style="margin-bottom:6px; display:flex; gap:4px">
              <span style="padding:2px 8px; background:#323232; color:#F5F5F0; border-radius:2px; font-size:10px">Открытые 4</span>
              <span style="padding:2px 8px; background:#E8E8E0; border-radius:2px; font-size:10px">Закрытые</span>
            </div>
            <div style="padding:6px; background:#E8F0D8; border-left:3px solid #323232; margin-bottom:4px">
              <div style="font-weight:700">Алексей М.</div>
              <div style="color:#666; font-size:11px">Как экспортировать в PDF?</div>
              <div style="color:#999; font-size:10px">15 мин назад · 🔴 новое</div>
            </div>
            <div style="padding:6px; background:#F5F5F0; border-left:3px solid transparent; margin-bottom:4px; border:1px solid #E8E8E0">
              <div>Мария К.</div>
              <div style="color:#666; font-size:11px">Плагины не устанавливаются</div>
              <div style="color:#999; font-size:10px">2 часа назад</div>
            </div>
            <div style="padding:6px; background:#F5F5F0; border:1px solid #E8E8E0">
              <div>Иван С.</div>
              <div style="color:#666; font-size:11px">Синхронизация с телефоном</div>
              <div style="color:#999; font-size:10px">вчера · 🔴 новое</div>
            </div>
          </div>
          <div style="flex:1; padding:8px; display:flex; flex-direction:column">
            <div style="font-weight:700; margin-bottom:2px; font-size:13px">Как экспортировать в PDF?</div>
            <div style="color:#666; font-size:11px; margin-bottom:8px">Алексей М. · Obsidian. Полный курс</div>
            <div style="background:#E8E8E0; padding:6px; border-radius:2px; margin-bottom:6px; font-size:12px">
              Привет! Пытаюсь экспортировать заметки в PDF через Pandoc, но получаю ошибку...
            </div>
            <div style="margin-top:auto; display:flex; gap:4px">
              <input style="flex:1; padding:4px 6px; border:1px solid #AAAAAA; font-size:11px; border-radius:2px" placeholder="Ответить...">
              <button style="padding:4px 8px; background:#323232; color:#F5F5F0; border:none; font-size:11px; border-radius:2px">→</button>
              <button style="padding:4px 8px; background:#E8E8E0; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">✓ Закрыть</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="option" data-choice="b" onclick="toggleSelect(this)">
    <div class="letter">B</div>
    <div class="content">
      <h3>Список → отдельная страница треда</h3>
      <p>Список всех вопросов, клик открывает отдельную страницу. Проще в реализации, больше места для переписки.</p>
      <div class="mockup" style="margin-top:12px">
        <div class="mockup-header">Admin → Вопросы / #42 — Алексей М.</div>
        <div class="mockup-body" style="padding:8px; font-size:12px">
          <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px">
            <span style="font-weight:700">Как экспортировать в PDF?</span>
            <span style="padding:2px 8px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">● ОТКРЫТ</span>
          </div>
          <div style="display:flex; flex-direction:column; gap:5px; margin-bottom:8px">
            <div style="background:#E8E8E0; padding:5px 8px; border-radius:2px; max-width:80%">
              <div style="font-size:10px; color:#666">Алексей · 14:32</div>
              Пытаюсь экспортировать через Pandoc, получаю ошибку...
            </div>
            <div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:5px 8px; border-radius:2px; max-width:80%; align-self:flex-end">
              <div style="font-size:10px; color:#666">Дмитрий (admin) · 14:55</div>
              Покажи текст ошибки?
            </div>
            <div style="background:#E8E8E0; padding:5px 8px; border-radius:2px; max-width:80%">
              <div style="font-size:10px; color:#666">Алексей · 15:01</div>
              "Error: pandoc not found in PATH"
            </div>
          </div>
          <div style="display:flex; gap:4px">
            <input style="flex:1; padding:4px 6px; border:1px solid #AAAAAA; font-size:11px; border-radius:2px" placeholder="Написать ответ...">
            <button style="padding:4px 10px; background:#323232; color:#F5F5F0; border:none; font-size:11px; border-radius:2px">Отправить</button>
            <button style="padding:4px 8px; background:#E8E8E0; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">✓ Закрыть вопрос</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>