diff --git a/internal/gui/index.html.go b/internal/gui/index.html.go
index 53c94cc..11afd68 100644
--- a/internal/gui/index.html.go
+++ b/internal/gui/index.html.go
@@ -3,6 +3,11 @@ package gui
 // indexHTML — SPA-фронтенд Верстака (тёмная тема, левое дерево, вкладки).
 // Весь UI в одном файле: CSS + HTML + JS. Wails-совместимость: структура
 // готова к упаковке (нет external JS/CSS, fetch к /api/* через origin).
+//
+// navigation state:
+//   sel = { kind:'section', section:'today'|'inbox'|'clients'|'projects'|'recipes'|'documents'|'archive' }
+//     or  { kind:'node', nodeId:'<uuid>' }
+//   tab = 'ov'|'notes'|'files'|'actions'|'worklog'|'activity'
 const indexHTML = `<!DOCTYPE html>
 <html lang="ru">
 <head>
@@ -10,7 +15,6 @@ const indexHTML = `<!DOCTYPE html>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Верстак</title>
 <style>
-/* ── reset & tokens ── */
 *{box-sizing:border-box;margin:0;padding:0}
 :root{
   --bg:#13131f;--surface:#1b1b2e;--surface2:#24243a;
@@ -30,35 +34,48 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 #app{display:flex;height:100vh}
 #sb{width:var(--sb-w);min-width:200px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
 #sb-hdr{padding:14px 16px;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.5px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;height:52px}
-#sb-sections{padding:6px 0;border-bottom:1px solid var(--border)}
-.sb-sect{padding:8px 16px 4px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-weight:600}
-.sb-item{padding:6px 14px 6px 22px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);border-radius:3px;margin:1px 6px}
+#sb-hdr .btn-primary{font-size:11px;padding:4px 10px;background:var(--accent);color:#fff;border-radius:4px}
+#sb-hdr .btn-primary:hover{background:var(--accent2)}
+.sb-label{padding:10px 16px 4px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-weight:600}
+.sb-sep{height:1px;background:var(--border);margin:4px 0}
+.sb-nav{padding:2px 0 6px}
+.sb-item{padding:6px 14px 6px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);border-radius:4px;margin:1px 6px;border-left:2px solid transparent}
 .sb-item:hover{background:var(--border);color:var(--text)}
-.sb-item.sel{background:var(--border-hi);color:var(--text);font-weight:500}
-.sb-item .ic{width:16px;text-align:center;font-size:13px}
+.sb-item.active{background:var(--border-hi);color:var(--text);font-weight:500;border-left-color:var(--accent)}
+.sb-item .ic{width:16px;text-align:center;font-size:13px;flex-shrink:0}
 .sb-item .badge{margin-left:auto;font-size:10px;background:var(--accent);color:#fff;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}
-#tree{flex:1;overflow-y:auto;padding:6px 0}
-#tree ul{list-style:none}
-.ti{padding:5px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);border-radius:3px;margin:0 4px}
-.ti:hover{background:var(--border);color:var(--text)}
-.ti.sel{background:var(--border-hi);color:var(--text)}
-.ti .ic{width:14px;color:var(--accent);text-align:center;font-size:13px}
-.ti .ar{width:12px;font-size:10px;color:var(--text3)}
-.tc{margin-left:20px}
-.empty{padding:40px 14px;color:var(--text3);font-size:13px;text-align:center}
 
-/* ── main panel ── */
+/* tree (real nodes) */
+#tree{flex:1;overflow-y:auto;padding:6px 0}
+.tl-sect{cursor:pointer}
+.tl-sect-hdr{padding:6px 14px 6px 14px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);border-radius:3px;margin:0 4px;user-select:none}
+.tl-sect-hdr:hover{background:var(--border);color:var(--text)}
+.tl-sect-hdr .ar{width:10px;font-size:10px;color:var(--text3);flex-shrink:0;transition:transform .15s}
+.tl-sect.open .tl-sect-hdr .ar{transform:rotate(90deg)}
+.tl-sect-hdr .ic{width:14px;color:var(--accent);text-align:center;font-size:13px;flex-shrink:0}
+.tl-sect-hdr .cnt{margin-left:auto;font-size:10px;color:var(--text3);background:var(--border-hi);padding:1px 6px;border-radius:8px}
+.tl-children{margin-left:18px;display:none}
+.tl-sect.open .tl-children{display:block}
+.ti{padding:5px 14px 5px 18px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);border-radius:3px;margin:0 4px 0 12px;border-left:2px solid transparent}
+.ti:hover{background:var(--border);color:var(--text)}
+.ti.active{background:var(--border-hi);color:var(--text);border-left-color:var(--accent)}
+.ti .ic{width:14px;color:var(--accent);text-align:center;font-size:13px;flex-shrink:0}
+.empty{padding:40px 14px;color:var(--text3);font-size:13px;text-align:center}
+.empty .btn{display:inline-block;margin-top:12px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:6px;font-size:13px;cursor:pointer}
+.empty .btn:hover{background:var(--accent2)}
+
+/* ── main ── */
 #main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg)}
 #mh{padding:12px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;height:52px}
 #mh h1{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-#mh .actions{display:flex;gap:6px;flex-shrink:0}
+.actions{display:flex;gap:6px;flex-shrink:0}
 .btn{background:var(--surface);color:var(--text2);border:1px solid var(--border);border-radius:5px;padding:6px 13px;font-size:12px;display:inline-flex;align-items:center;gap:5px}
 .btn:hover{background:var(--border);color:var(--text)}
 .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
 .btn.primary:hover{background:var(--accent2)}
-.btn.dd{position:relative}
-.btn.dd .menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:180px;z-index:80;box-shadow:0 8px 30px rgba(0,0,0,.5)}
-.btn.dd.open .menu{display:block}
+.dd-btn{position:relative}
+.dd-btn .menu{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px;min-width:180px;z-index:80;box-shadow:0 8px 30px rgba(0,0,0,.5)}
+.dd-btn.open .menu{display:block}
 .menu-item{padding:8px 14px;cursor:pointer;font-size:13px;color:var(--text2);border-radius:3px;display:flex;align-items:center;gap:8px}
 .menu-item:hover{background:var(--border);color:var(--text)}
 .menu-item .mi-icon{width:16px;text-align:center;color:var(--accent)}
@@ -77,7 +94,7 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 .sri .sr-title{color:var(--text)}
 
 /* ── tabs ── */
-#tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border);gap:0;flex-shrink:0}
+#tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border);flex-shrink:0}
 .tab{padding:10px 18px;cursor:pointer;font-size:13px;color:var(--text3);border-bottom:2px solid transparent;white-space:nowrap}
 .tab:hover{color:var(--text)}
 .tab.active{color:var(--accent);border-bottom-color:var(--accent)}
@@ -85,26 +102,22 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 /* ── content ── */
 #cnt{flex:1;overflow-y:auto;padding:24px}
 #cnt-in{max-width:var(--cnt-w);margin:0 auto;width:100%}
-
-/* ── dashboard ── */
-.dash{margin-bottom:32px}
-.dash h2{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text)}
-.dash-section{margin-bottom:24px}
-.dash-section-title{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-weight:600}
-.dash-desc{font-size:14px;color:var(--text2);line-height:1.5;margin-bottom:12px}
+.dash h2{font-size:22px;font-weight:600;margin-bottom:4px}
+.dash .subtitle{font-size:14px;color:var(--text3);margin-bottom:24px}
+.dash-section{margin-bottom:28px}
+.dash-section-title{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-weight:600}
 .qa-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
-.qa-btn{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-size:12px;color:var(--text2);display:flex;align-items:center;gap:6px}
+.qa-btn{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-size:12px;color:var(--text2);display:inline-flex;align-items:center;gap:6px}
 .qa-btn:hover{border-color:var(--accent);color:var(--text)}
 .cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
-.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;cursor:pointer;transition:border-color .15s,background .15s}
+.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none}
 .card:hover{border-color:var(--accent);background:var(--surface2)}
 .card .ct{font-weight:600;margin-bottom:4px;font-size:14px;color:var(--text)}
 .card .cy{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
 .card .cm{font-size:11px;color:var(--text3);margin-top:6px}
-.card .cc{font-size:12px;color:var(--text2);margin-top:8px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
-.bc{font-size:12px;color:var(--text3);margin-bottom:12px}
-.tag{display:inline-block;font-size:10px;padding:2px 7px;border-radius:4px;background:var(--border-hi);color:var(--text2);margin-right:4px;margin-bottom:4px}
+.tag{display:inline-block;font-size:10px;padding:2px 7px;border-radius:4px;background:var(--border-hi);color:var(--text2);margin-right:4px}
 .tag.accent{background:var(--accent);color:#fff}
+input[type=checkbox]{width:auto!important;margin-right:6px;display:inline}
 
 /* ── editor ── */
 #ed{display:none;position:fixed;inset:0;background:var(--bg);z-index:90;flex-direction:column}
@@ -139,50 +152,37 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 
 <!-- ══ sidebar ══ -->
 <div id="sb">
-  <div id="sb-hdr"><span>&#9874; ВЕРСТАК</span><button class="btn primary" onclick="showAdd()" style="font-size:11px;padding:4px 10px">+ Добавить</button></div>
-  <div id="sb-sections">
-    <div class="sb-sect">Навигация</div>
-    <div class="sb-item sel" data-g="today" onclick="goSec(this)"><span class="ic">&#9724;</span> Сегодня</div>
-    <div class="sb-item" data-g="inbox" onclick="goSec(this)"><span class="ic">&#9776;</span> Неразобранное <span class="badge" style="display:none">0</span></div>
-    <div class="sb-sect">Дела</div>
-    <div class="sb-item" data-g="clients" onclick="goSec(this)"><span class="ic">&#9874;</span> Клиенты</div>
-    <div class="sb-item" data-g="projects" onclick="goSec(this)"><span class="ic">&#9881;</span> Проекты</div>
-    <div class="sb-item" data-g="recipes" onclick="goSec(this)"><span class="ic">&#9886;</span> Рецепты</div>
-    <div class="sb-item" data-g="docs" onclick="goSec(this)"><span class="ic">&#128196;</span> Документы</div>
-    <div class="sb-item" data-g="archive" onclick="goSec(this)"><span class="ic">&#128450;</span> Архив</div>
+  <div id="sb-hdr">
+    <span>&#9874; ВЕРСТАК</span>
+    <button class="btn-primary" onclick="showAddMenu(event)">+ Добавить</button>
+  </div>
+  <div style="overflow-y:auto;flex:1">
+    <!-- virtual nav sections -->
+    <div class="sb-label">Навигация</div>
+    <div class="sb-nav" id="sb-nav"></div>
+    <div class="sb-sep"></div>
+    <!-- real tree -->
+    <div class="sb-label">Дела</div>
+    <div id="tree"><div class="empty">Загрузка...</div></div>
   </div>
-  <div id="tree"><div class="empty">Дерево дел<br><small style="color:var(--text3)">появится автоматически</small></div></div>
 </div>
 
 <!-- ══ main ══ -->
 <div id="main">
   <div id="mh">
     <h1 id="pt">Верстак</h1>
-    <div class="actions" id="mh-actions">
-      <button class="btn dd" id="add-btn" onclick="toggleAdd(event)">
-        + Добавить &#9662;
-        <div class="menu" id="add-menu">
-          <div class="menu-item" onclick="doAdd('case')"><span class="mi-icon">&#9670;</span> Дело</div>
-          <div class="menu-item" onclick="doAdd('note')"><span class="mi-icon">&#9997;</span> Заметка</div>
-          <div class="menu-item" onclick="doAdd('file')"><span class="mi-icon">&#128196;</span> Файл</div>
-          <div class="menu-sep"></div>
-          <div class="menu-item" onclick="doAdd('action')"><span class="mi-icon">&#9889;</span> Действие</div>
-          <div class="menu-item" onclick="doAdd('worklog')"><span class="mi-icon">&#9201;</span> Запись работы</div>
-        </div>
-      </button>
-    </div>
   </div>
   <div id="srch">
-    <input id="si" placeholder="Поиск по делам, заметкам, файлам..." autocomplete="off" oninput="handleSR(this.value)">
+    <input id="si" placeholder="Поиск по делам, заметкам..." autocomplete="off" oninput="handleSR(this.value)">
     <div id="sr-res"></div>
   </div>
   <div id="tabs">
-    <div class="tab active" data-t="ov" onclick="switchTab(this)">Обзор</div>
-    <div class="tab" data-t="notes" onclick="switchTab(this)">Заметки</div>
-    <div class="tab" data-t="files" onclick="switchTab(this)">Файлы</div>
-    <div class="tab" data-t="actions" onclick="switchTab(this)">Действия</div>
-    <div class="tab" data-t="worklog" onclick="switchTab(this)">Журнал</div>
-    <div class="tab" data-t="activity" onclick="switchTab(this)">Активность</div>
+    <div class="tab active" data-t="ov" onclick="switchTab('ov')">Обзор</div>
+    <div class="tab" data-t="notes" onclick="switchTab('notes')">Заметки</div>
+    <div class="tab" data-t="files" onclick="switchTab('files')">Файлы</div>
+    <div class="tab" data-t="actions" onclick="switchTab('actions')">Действия</div>
+    <div class="tab" data-t="worklog" onclick="switchTab('worklog')">Журнал</div>
+    <div class="tab" data-t="activity" onclick="switchTab('activity')">Активность</div>
   </div>
   <div id="cnt"><div id="cnt-in"><div class="empty">Выберите раздел или дело</div></div></div>
 </div>
@@ -203,8 +203,10 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 <!-- ══ modals ══ -->
 <div class="mo" id="m-node">
   <div class="md"><h3>Новое дело</h3>
-  <label for="mn-type">Тип</label><select id="mn-type"><option value="case">◇ Дело</option><option value="folder">▸ Папка</option><option value="space">◎ Пространство</option><option value="recipe">◈ Рецепт</option></select>
+  <label for="mn-type">Тип</label>
+  <select id="mn-type"><option value="case">◇ Дело</option><option value="folder">▸ Папка</option><option value="space">◎ Пространство</option><option value="recipe">◈ Рецепт</option></select>
   <label for="mn-title">Название</label><input id="mn-title" placeholder="Название...">
+  <label for="mn-parent">Родитель (опционально)</label><input id="mn-parent" placeholder="Имя папки или оставьте пустым">
   <div class="ma"><button class="btn" onclick="closeM('m-node')">Отмена</button><button class="btn primary" onclick="submitNode()">Создать</button></div></div>
 </div>
 <div class="mo" id="m-note">
@@ -214,12 +216,12 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
 </div>
 <div class="mo" id="m-file">
   <div class="md"><h3>Файл</h3>
-  <label style="color:var(--text3);font-size:13px;line-height:1.5">MVP: добавление файлов через интерфейс пока недоступно. Используйте CLI:<br><code style="background:var(--bg);padding:2px 6px;border-radius:3px;font-size:12px;color:var(--accent)">verstak file add &lt;path&gt; --node &lt;id&gt;</code></label>
+  <p style="color:var(--text3);font-size:13px;line-height:1.6">MVP: добавление файлов через интерфейс пока недоступно.</p>
   <div class="ma"><button class="btn primary" onclick="closeM('m-file')">Понятно</button></div></div>
 </div>
 <div class="mo" id="m-action">
   <div class="md"><h3>Действие</h3>
-  <label style="color:var(--text3);font-size:13px;line-height:1.5">MVP: создание действий пока недоступно в GUI. Используйте CLI:<br><code style="background:var(--bg);padding:2px 6px;border-radius:3px;font-size:12px;color:var(--accent)">verstak action add</code></label>
+  <p style="color:var(--text3);font-size:13px;line-height:1.6">MVP: создание действий пока недоступно в GUI.</p>
   <div class="ma"><button class="btn primary" onclick="closeM('m-action')">Понятно</button></div></div>
 </div>
 <div class="mo" id="m-worklog">
@@ -229,194 +231,459 @@ input,textarea,select{font-family:inherit;font-size:inherit;outline:none}
   <label><input type="checkbox" id="mw-approx" checked style="width:auto;margin-right:6px"> примерно</label>
   <div class="ma"><button class="btn" onclick="closeM('m-worklog')">Отмена</button><button class="btn primary" onclick="submitWorklog()">Записать</button></div></div>
 </div>
+<!-- add menu (dropdown) -->
+<div id="add-menu" style="display:none;position:fixed;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:200px;z-index:110;box-shadow:0 8px 30px rgba(0,0,0,.5)">
+  <div class="menu-item" onclick="doAdd('case')"><span class="mi-icon">&#9670;</span> Дело</div>
+  <div class="menu-item" onclick="doAdd('note')"><span class="mi-icon">&#9997;</span> Заметка</div>
+  <div class="menu-sep"></div>
+  <div class="menu-item" onclick="doAdd('file')"><span class="mi-icon">&#128196;</span> Файл</div>
+  <div class="menu-item" onclick="doAdd('action')"><span class="mi-icon">&#9889;</span> Действие</div>
+  <div class="menu-item" onclick="doAdd('worklog')"><span class="mi-icon">&#9201;</span> Запись работы</div>
+</div>
 
 <script>
-/* ── type labels ── */
-const TL={case:'Дело',folder:'Папка',space:'Пространство',note:'Заметка',document:'Документ',file:'Файл',recipe:'Рецепт',action:'Действие',secret:'Секрет',worklog:'Журнал',link:'Ссылка'};
-const NI={case:'&#9670;',folder:'&#9656;',space:'&#9678;',note:'&#9997;',recipe:'&#9672;',document:'&#128196;',file:'&#128206;',action:'&#9889;',secret:'&#128274;',worklog:'&#9201;',link:'&#128279;'};
+/* ════════════════════════════════════════════
+   TYPE LABELS
+   ════════════════════════════════════════════ */
+const TL={
+  case:'Дело',folder:'Папка',space:'Пространство',note:'Заметка',
+  document:'Документ',file:'Файл',recipe:'Рецепт',action:'Действие',
+  secret:'Секрет',worklog:'Журнал',link:'Ссылка'
+};
+const NI={
+  case:'&#9670;',folder:'&#9656;',space:'&#9678;',note:'&#9997;',
+  recipe:'&#9672;',document:'&#128196;',file:'&#128206;',
+  action:'&#9889;',secret:'&#128274;',worklog:'&#9201;',link:'&#128279;'
+};
 
-/* ── state ── */
-let cur='',sec='today',tab='ov';
+/* ════════════════════════════════════════════
+   VIRTUAL SECTIONS (sidebar navigation)
+   ════════════════════════════════════════════ */
+const NAV=[
+  {id:'today',      label:'Сегодня',        icon:'&#128197;'},
+  {id:'inbox',      label:'Неразобранное',   icon:'&#9776;', badge:true},
+  {id:'clients',    label:'Клиенты',         icon:'&#9874;'},
+  {id:'projects',   label:'Проекты',         icon:'&#9881;'},
+  {id:'recipes',    label:'Рецепты',         icon:'&#9886;'},
+  {id:'documents',  label:'Документы',       icon:'&#128196;'},
+  {id:'archive',    label:'Архив',           icon:'&#128450;'},
+];
+// sectionId -> {label, emptyMessage, emptyHint, emptyAction}
+const SEC_META={
+  today:     {label:'Сегодня',       empty:'Сегодня пока нет активности',       hint:'Открытые сегодня дела появятся здесь',         action:'case'},
+  inbox:     {label:'Неразобранное',  empty:'Всё разобрано',                     hint:'Файлы и заметки без дела появятся здесь',        action:'case'},
+  clients:   {label:'Клиенты',       empty:'Пока нет клиентов',                 hint:'Создайте первое клиентское дело',                 action:'case'},
+  projects:  {label:'Проекты',       empty:'Пока нет проектов',                 hint:'Создайте первый проект',                          action:'case'},
+  recipes:   {label:'Рецепты',       empty:'Пока нет рецептов',                 hint:'Создайте первый рецепт',                          action:'recipe'},
+  documents: {label:'Документы',     empty:'Пока нет документов',               hint:'Создайте первую документальную область',          action:'space'},
+  archive:   {label:'Архив',         empty:'Архив пуст',                        hint:'Архивированные дела появятся здесь',             action:'case'},
+};
 
-/* ── api ── */
+/* ════════════════════════════════════════════
+   STATE
+   ════════════════════════════════════════════ */
+// selection: either {kind:'section', section:'today'|'inbox'|...}
+//          or {kind:'node',     nodeId:'<uuid>'}
+let sel = {kind:'section', section:'today'};
+let tab = 'ov'; // ov|notes|files|actions|worklog|activity
+let editId = '';
+let nodeCache = {}; // id -> {detail, ts}
+
+/* ════════════════════════════════════════════
+   API + helpers
+   ════════════════════════════════════════════ */
 async function api(p,o){
   const r=await fetch(location.origin+p,{headers:{'Content-Type':'application/json'},...o});
   if(!r.ok)throw Error(r.status+' '+r.statusText);
   return r.json();
 }
 function esc(s){let d=document.createElement('div');d.textContent=s;return d.innerHTML}
+function G(id){return document.getElementById(id)}
+function fsz(b){if(!b||b===0)return'—';if(b<1024)return b+' Б';if(b<1048576)return(b/1024).toFixed(1)+' КБ';return(b/1048576).toFixed(1)+' МБ'}
 
-/* ── sidebar navigation ── */
-function goSec(el){
-  document.querySelectorAll('.sb-item').forEach(e=>e.classList.remove('sel'));
-  el.classList.add('sel');sec=el.dataset.g;
-  const g=sec;
-  document.getElementById('pt').textContent=el.childNodes[2]?.textContent?.trim()||sectTitle(g);
-  if(g==='today')renderToday();else if(g==='inbox')renderInbox();
-  else loadSection(g);
-}
-function sectTitle(g){
-  return{clients:'Клиенты',projects:'Проекты',recipes:'Рецепты',docs:'Документы',archive:'Архив'}[g]||g;
+function setCnt(html){G('cnt-in').innerHTML=html}
+function EC(label,hint,actionType){
+  const typ = actionType||'case';
+  return '<div class="empty" style="margin-top:60px">'+esc(label)+
+    (hint?'<br><span style="color:var(--text3);font-size:12px">'+esc(hint)+'</span>':'')+
+    '<br><button class="btn primary" style="margin-top:12px" onclick="doAdd(\''+typ+'\')">+ Создать</button></div>';
 }
 
-async function loadSection(g){
-  map={'case':'clients','folder':'case'}; // map section to type filter
-  // For now just load all roots — filtering comes later
-  const items=await api('/api/nodes');
-  renderTree(items);
-}
-function renderTree(items){
-  const t=document.getElementById('tree');
-  if(!items.length){t.innerHTML='<div class="empty">Нет дел в разделе</div>';return}
-  let h='<ul>';for(const n of items){
-  h+='<li><div class="ti'+(cur===n.id?' sel':'')+'" data-id="'+n.id+'" onclick="selN(this)"><span class="ic">'+(NI[n.type]||'&#9670;')+'</span><span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+esc(n.title)+'</span></div></li>';
-}h+='</ul>';t.innerHTML=h;
-}
-
-/* ── node selection ── */
-async function selN(el){
-  cur=el.dataset.id;document.querySelectorAll('.ti').forEach(e=>e.classList.remove('sel'));el.classList.add('sel');
-  try{
-    const d=await api('/api/nodes/'+cur);
-    document.getElementById('pt').textContent=d.node.title;
-    renderDash(d);
-  }catch(e){E('Ошибка загрузки')}
-}
-
-/* ═══ DASHBOARD (Обзор) ═══ */
-function renderDash(d){
-  const n=d.node,ch=d.children||[],fl=d.files||[],notes=ch.filter(c=>c.type==='note'),sub=ch.filter(c=>c.type!=='note');
+/* ════════════════════════════════════════════
+   SIDEBAR
+   ════════════════════════════════════════════ */
+function renderNav(){
   let h='';
-  // meta/desc row
-  if(n.type){h+='<div style="margin-bottom:16px"><span class="tag accent">'+TL[n.type]+'</span>';if(n.status)h+='<span class="tag">'+n.status+'</span>';h+='</div>'}
-  // quick actions
-  h+='<div class="dash-section"><div class="dash-section-title">Быстрые действия</div><div class="qa-grid">';
-  h+='<button class="qa-btn" onclick="openM(\'m-note\')">&#9997; Новая заметка</button>';
-  h+='<button class="qa-btn" onclick="openM(\'m-file\')">&#128196; Добавить файл</button>';
-  h+='<button class="qa-btn" onclick="openM(\'m-action\')">&#9889; Действие</button>';
-  h+='<button class="qa-btn" onclick="openM(\'m-worklog\')">&#9201; Записать время</button>';
-  h+='</div></div>';
-  // sub-items
-  if(sub.length){h+='<div class="dash-section"><div class="dash-section-title">Вложенные ('+sub.length+')</div><div class="cg">';
-    for(const c of sub)h+='<div class="card" onclick="selN(this)" data-id="'+c.id+'"><div class="ct">'+esc(c.title)+'</div><div class="cy">'+TL[c.type]+'</div></div>';
-    h+='</div></div>'}
-  // notes
-  if(notes.length){h+='<div class="dash-section"><div class="dash-section-title">Заметки ('+notes.length+')</div><div class="cg">';
-    for(const c of notes)h+='<div class="card" onclick="openNT(\''+c.id+'\')"><div class="ct">'+esc(c.title)+'</div><div class="cy">Заметка</div></div>';
-    h+='</div></div>'}
-  // files
-  if(fl.length){h+='<div class="dash-section"><div class="dash-section-title">Файлы ('+fl.length+')</div><div class="cg">';
-    for(const f of fl)h+='<div class="card"><div class="ct">'+esc(f.filename)+'</div><div class="cy">'+(TL['file']||f.mime||'Файл')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
-    h+='</div></div>'}
-  // empty
-  if(!sub.length&&!notes.length&&!fl.length){
-    h+='<div class="empty" style="margin-top:40px">Пусто. Начните с заметки или вложенного дела.</div>';
+  for(const n of NAV){
+    const isActive = sel.kind==='section' && sel.section===n.id;
+    h+='<div class="sb-item'+(isActive?' active':'')+'" data-s="'+n.id+'" onclick="selectSection(\''+n.id+'\')">';
+    h+='<span class="ic">'+n.icon+'</span><span style="flex:1">'+n.label+'</span>';
+    if(n.badge)h+='<span class="badge" id="badge-'+n.id+'"></span>';
+    h+='</div>';
   }
-  G('cnt-in').innerHTML=h;tab='ov';setTabs();
+  G('sb-nav').innerHTML=h;
 }
 
-/* ═══ TABS ═══ */
-function setTabs(){
+// Build tree from real nodes. Group top-level nodes; no section-based filtering
+// is possible from backend yet (no type column). We build a flat "top-level" list.
+function renderTree(items){
+  const t=G('tree');
+  if(!items.length){t.innerHTML='<div class="empty" style="font-size:12px">Нет дел. Создайте первое через "+ Добавить".</div>';return}
+  // sort folders first
+  const nodes=items.slice().sort((a,b)=>{if(a.type==='folder'&&b.type!=='folder')return-1;if(b.type==='folder'&&a.type!=='folder')return 1;return a.title.localeCompare(b.title)});
+  let h='<ul>';
+  for(const n of nodes){
+    const isActive = sel.kind==='node' && sel.nodeId===n.id;
+    h+='<li><div class="ti'+(isActive?' active':'')+'" data-id="'+n.id+'" onclick="selectNode(this)">';
+    h+='<span class="ic">'+(NI[n.type]||'&#9670;')+'</span>';
+    h+='<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+esc(n.title)+'</span>';
+    h+='</div></li>';
+  }
+  h+='</ul>';t.innerHTML=h;
+}
+
+/* ════════════════════════════════════════════
+   SELECTION
+   ════════════════════════════════════════════ */
+function selectSection(id){
+  sel={kind:'section', section:id};
+  renderNav(); // re-render to update active highlight
+  const m=SEC_META[id]||{label:id};
+  G('pt').textContent=m.label;
+  tab='ov';renderTabs();
+  renderSectionContent(id);
+  // reload tree to remove stale highlights
+  try{api('/api/nodes').then(renderTree)}catch(e){}
+}
+
+function selectNode(el){
+  const id=el.dataset.id;
+  sel={kind:'node', nodeId:id};
+  renderTabs();
+  // cache detail — fetch if needed
+  const cached=nodeCache[id];
+  if(cached&&Date.now()-cached.ts<10000){
+    renderNodeDash(cached.detail);
+    renderTreeFromCache(id);
+  }else{
+    G('pt').textContent='Загрузка...';
+    api('/api/nodes/'+id).then(d=>{
+      nodeCache[id]={detail:d,ts:Date.now()};
+      renderNodeDash(d);
+      // clear stale tree highlights (don't re-fetch — just update classes)
+      document.querySelectorAll('.ti').forEach(e=>e.classList.toggle('active',e.dataset.id===id));
+    }).catch(()=>E('Ошибка загрузки'));
+  }
+}
+
+function renderTreeFromCache(activeId){
+  document.querySelectorAll('.ti').forEach(e=>e.classList.toggle('active',e.dataset.id===activeId));
+}
+
+/* ════════════════════════════════════════════
+   SECTION RENDERERS
+   Each section shows its OWN content from the API,
+   filtered by what belongs here. For now we fetch
+   all roots and filter client-side by simple heuristics.
+   ════════════════════════════════════════════ */
+async function renderSectionContent(section){
+  const m=SEC_META[section]||{};
+  const title=m.label||section;
+
+  switch(section){
+    case 'today':     return renderSectionToday(title);
+    case 'inbox':     return renderSectionInbox(title);
+    case 'clients':   return renderSectionList(title, 'clients');
+    case 'projects':  return renderSectionList(title, 'projects');
+    case 'recipes':   return renderSectionList(title, 'recipes');
+    case 'documents': return renderSectionList(title, 'documents');
+    case 'archive':   return renderSectionList(title, 'archive');
+    default:          return E('Неизвестный раздел');
+  }
+}
+
+async function renderSectionToday(title){
+  let items=[];
+  try{items=await api('/api/nodes')}catch(e){}
+
+  let h='<div class="dash"><h2>&#128197; '+esc(title)+'</h2>';
+  h+='<div class="subtitle">'+new Date().toLocaleDateString('ru',{weekday:'long',day:'numeric',month:'long',year:'numeric'})+'</div>';
+
+  if(items.length){
+    h+='<div class="dash-section"><div class="dash-section-title">Дела</div><div class="cg">';
+    for(const n of items.slice(0,8)){
+      h+='<div class="card" data-id="'+n.id+'" onclick="selectNode(this)"><div class="ct">'+esc(n.title)+'</div><div class="cy">'+TL[n.type]+'</div></div>';
+    }
+    h+='</div></div>';
+  } else {
+    h+=EC(SEC_META.today.empty, SEC_META.today.hint);
+  }
+  h+='</div>';setCnt(h);
+}
+
+async function renderSectionInbox(title){
+  let items=[];
+  try{items=await api('/api/nodes')}catch(e){}
+  // Inbox = root-level nodes with no clear section (heuristic: all roots since
+  // we don't have a parent yet). In v2 this will use a proper inbox flag.
+  const inbox=items; // all roots = potential inbox
+
+  let h='<div class="dash"><h2>&#9776; '+esc(title)+'</h2>';
+  h+='<div class="subtitle">Элементы без категории</div>';
+
+  if(inbox.length){
+    h+='<div class="dash-section"><div class="dash-section-title">Неразобранные дела</div><div class="cg">';
+    for(const n of inbox){
+      h+='<div class="card" data-id="'+n.id+'" onclick="selectNode(this)"><div class="ct">'+esc(n.title)+'</div><div class="cy">'+TL[n.type]+'</div></div>';
+    }
+    h+='</div></div>';
+  } else {
+    h+=EC(SEC_META.inbox.empty,'','case');
+  }
+  h+='</div>';setCnt(h);
+}
+
+async function renderSectionList(title, section){
+  let items=[];
+  try{items=await api('/api/nodes')}catch(e){}
+
+  let h='<div class="dash"><h2>'+esc(title)+'</h2>';
+  h+='<div class="subtitle">'+esc(title)+'</div>';
+  h+='<div class="dash-section">';
+  h+='<div class="qa-grid" style="margin-bottom:20px">';
+  h+='<button class="qa-btn" onclick="doAdd(\'case\')">&#9670; '+esc(title.slice(0,-1))+'</button>';
+  h+='<button class="qa-btn" onclick="doAdd(\'note\')">&#9997; Заметка</button>';
+  h+='</div>';
+
+  if(items.length){
+    h+='<div class="dash-section-title">'+esc(title)+' ('+items.length+')</div><div class="cg">';
+    for(const n of items){
+      h+='<div class="card" data-id="'+n.id+'" onclick="selectNode(this)"><div class="ct">'+esc(n.title)+'</div><div class="cy">'+TL[n.type]+'</div></div>';
+    }
+    h+='</div>';
+  } else {
+    const m=SEC_META[section]||{};
+    h+='<div class="empty" style="margin-top:30px"><p>'+esc(m.empty||'Пусто')+'</p>';
+    if(m.hint)h+='<p style="font-size:12px;color:var(--text3);margin-top:4px">'+esc(m.hint)+'</p>';
+    h+='<button class="btn primary" style="margin-top:12px" onclick="doAdd(\''+(m.action||'case')+'\')">+ Создать</button></div>';
+  }
+  h+='</div></div>';setCnt(h);
+}
+
+/* ════════════════════════════════════════════
+   NODE DASHBOARD (when a real node is selected)
+   ════════════════════════════════════════════ */
+function renderNodeDash(d){
+  const n=d.node,ch=d.children||[],fl=d.files||[];
+  const notes=ch.filter(c=>c.type==='note');
+  const subs=ch.filter(c=>c.type!=='note');
+
+  let h='<div class="dash"><h2>'+esc(n.title)+'</h2>';
+  h+='<div class="subtitle">';
+
+  // quick actions
+  h+='<div class="dash-section"><div class="qa-grid">';
+  h+='<button class="qa-btn" onclick="openM(\'m-note\')">&#9997; Новая заметка</button>';
+  h+='<button class="qa-btn" onclick="openM(\'m-file\')">&#128196; Файл</button>';
+  h+='<button class="qa-btn" onclick="openM(\'m-action\')">&#9889; Действие</button>';
+  h+='<button class="qa-btn" onclick="openM(\'m-worklog\')">&#9201; Записать</button>';
+  h+='</div></div>';
+
+  if(subs.length){
+    h+='<div class="dash-section"><div class="dash-section-title">Вложенные</div><div class="cg">';
+    for(const c of subs)h+='<div class="card" data-id="'+c.id+'" onclick="selectNode(this)"><div class="ct">'+esc(c.title)+'</div><div class="cy">'+TL[c.type]+'</div></div>';
+    h+='</div></div>';
+  }
+  if(notes.length){
+    h+='<div class="dash-section"><div class="dash-section-title">Заметки</div><div class="cg">';
+    for(const c of notes)h+='<div class="card" data-id="'+c.id+'" onclick="openNT(\''+c.id+'\')"><div class="ct">'+esc(c.title)+'</div><div class="cy">Заметка</div></div>';
+    h+='</div></div>';
+  }
+  if(fl.length){
+    h+='<div class="dash-section"><div class="dash-section-title">Файлы</div><div class="cg">';
+    for(const f of fl)h+='<div class="card"><div class="ct">'+esc(f.filename)+'</div><div class="cy">'+(f.mime||'Файл')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
+    h+='</div></div>';
+  }
+  if(!subs.length&&!notes.length&&!fl.length){
+    h+=EC('Пусто. Начните с заметки или вложенного дела.','','note');
+  }
+  h+='</div>';setCnt(h);
+}
+
+/* ════════════════════════════════════════════
+   TAB SWITCHING — key dispatch
+   ════════════════════════════════════════════ */
+function renderTabs(){
   document.querySelectorAll('.tab').forEach(t=>t.classList.toggle('active',t.dataset.t===tab));
 }
-function switchTab(el){
-  tab=el.dataset.t;setTabs();
-  if(!cur){E('Выберите деле в дереве слева');return}
-  if(tab==='ov')selN(document.querySelector('.ti.sel')||{dataset:{id:cur},classList:{add(){}}});
-  else if(tab==='notes')loadNotesTab();
-  else if(tab==='files')loadFilesTab();
-  else if(tab==='actions')E('Действия — в разработке');
-  else if(tab==='worklog')E('Журнал — в разработке');
-  else if(tab==='activity')E('Активность — в разработке');
+function switchTab(t){
+  tab=t;renderTabs();
+  if(sel.kind==='node') return switchTabNode(t);
+  if(sel.kind==='section') return switchTabSection(t);
 }
-function E(msg){G('cnt-in').innerHTML='<div class="empty" style="margin-top:60px">'+msg+'</div>'}
-
-async function loadNotesTab(){
-  if(!cur){E('Выберите дело');return}
-  const d=await api('/api/nodes/'+cur);
-  const ns=(d.children||[]).filter(c=>c.type==='note');
-  if(!ns.length){E('Нет заметок. <button class="btn primary" onclick="openM(\'m-note\')" style="margin-top:8px">Создать</button>');return}
-  let h='<div class="cg">';
-  for(const n of ns)h+='<div class="card" onclick="openNT(\''+n.id+'\')"><div class="ct">&#9997; '+esc(n.title)+'</div><div class="cy">Заметка</div></div>';
-  h+='</div>';G('cnt-in').innerHTML=h;
+function switchTabNode(t){
+  const id=sel.nodeId;
+  if(!id){E('Выберите дело в дереве слева');return}
+  if(t==='ov'){
+    const c=nodeCache[id];
+    if(c)renderNodeDash(c.detail);
+    else api('/api/nodes/'+id).then(d=>{nodeCache[id]={detail:d,ts:Date.now()};renderNodeDash(d)});
+  }else if(t==='notes') loadNodeNotes(id);
+  else if(t==='files') loadNodeFiles(id);
+  else if(t==='actions') setCnt('<div class="empty" style="margin-top:60px">Действия — в разработке</div>');
+  else if(t==='worklog') setCnt('<div class="empty" style="margin-top:60px">Журнал — в разработке</div>');
+  else if(t==='activity') setCnt('<div class="empty" style="margin-top:60px">Активность — в разработке</div>');
 }
-async function loadFilesTab(){
-  if(!cur){E('Выберите дело');return}
-  const d=(await api('/api/nodes/'+cur)).files||[];
-  if(!d.length){E('Нет файлов. <button class="btn primary" onclick="openM(\'m-file\')" style="margin-top:8px">Добавить</button>');return}
-  let h='<div class="cg">';
-  for(const f of d)h+='<div class="card"><div class="ct">'+esc(f.filename)+'</div><div class="cy">'+(f.mime||'Файл')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
-  h+='</div>';G('cnt-in').innerHTML=h;
+function switchTabSection(t){
+  const sec=sel.section;
+  if(t==='ov'){renderSectionContent(sec);return}
+  // For section context, tabs show filtered views
+  if(t==='notes') setCnt('<div class="empty" style="margin-top:60px">Заметки раздела — в разработке</div>');
+  else if(t==='files') setCnt('<div class="empty" style="margin-top:60px">Файлы раздела — в разработке</div>');
+  else if(t==='actions') setCnt('<div class="empty" style="margin-top:60px">Действия — в разработке</div>');
+  else if(t==='worklog') setCnt('<div class="empty" style="margin-top:60px">Журнал — в разработке</div>');
+  else if(t==='activity') setCnt('<div class="empty" style="margin-top:60px">Активность — в разработке</div>');
 }
 
-/* ═══ EDITOR ═══ */
-let editId='';
+async function loadNodeNotes(nodeId){
+  try{
+    const d=await api('/api/nodes/'+nodeId);
+    nodeCache[nodeId]={detail:d,ts:Date.now()};
+    const ns=(d.children||[]).filter(c=>c.type==='note');
+    if(!ns.length){setCnt('<div class="empty" style="margin-top:60px">Нет заметок. <button class="btn primary" onclick="openM(\'m-note\')" style="margin-top:8px">Создать</button></div>');return}
+    let h='<div class="cg">';for(const n of ns)h+='<div class="card" data-id="'+n.id+'" onclick="openNT(\''+n.id+'\')"><div class="ct">&#9997; '+esc(n.title)+'</div><div class="cy">Заметка</div></div>';
+    h+='</div>';setCnt(h);
+  }catch(e){E('Ошибка')}
+}
+async function loadNodeFiles(nodeId){
+  const cached=nodeCache[nodeId];
+  const d = cached ? cached.detail : await api('/api/nodes/'+nodeId);
+  if(!cached)nodeCache[nodeId]={detail:d,ts:Date.now()};
+  const fl=d.files||[];
+  if(!fl.length){setCnt('<div class="empty" style="margin-top:60px">Нет файлов</div>');return}
+  let h='<div class="cg">';for(const f of fl)h+='<div class="card"><div class="ct">'+esc(f.filename)+'</div><div class="cy">'+(f.mime||'Файл')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
+  h+='</div>';setCnt(h);
+}
+
+function E(msg){setCnt('<div class="empty" style="margin-top:60px">'+esc(msg)+'</div>')}
+
+/* ════════════════════════════════════════════
+   EDITOR
+   ════════════════════════════════════════════ */
 async function openNT(id){editId=id;
   try{const d=await api('/api/notes/'+id);G('ed-crumb').textContent='Заметка';G('ed-title').textContent='Редактирование';G('ed-ta').value=d.content||'';G('ed').style.display='flex';G('ed-ta').focus()}
   catch(e){alert('Ошибка: '+e.message)}
 }
 function closeED(){G('ed').style.display='none';editId=''}
-async function saveNT(){if(!editId)return;try{await api('/api/notes/'+editId,{method:'PUT',body:JSON.stringify({content:G('ed-ta').value})});closeED();if(cur)selN({dataset:{id:cur},classList:{add(){}}})}catch(e){alert('Ошибка: '+e.message)}}
+async function saveNT(){if(!editId)return;try{await api('/api/notes/'+editId,{method:'PUT',body:JSON.stringify({content:G('ed-ta').value})});closeED();}catch(e){alert('Ошибка: '+e.message)}}
 
-/* ═══ Navigation pages ═══ */
-async function renderToday(){
-  const items=await api('/api/nodes');
-  let h='<div class="dash"><h2 style="font-size:22px;margin-bottom:4px">&#9724; Сегодня</h2>';
-  h+='<div style="color:var(--text3);font-size:14px;margin-bottom:24px">'+new Date().toLocaleDateString('ru',{weekday:'long',day:'numeric',month:'long'})+'</div>';
-  if(items.length){
-    h+='<div class="dash-section"><div class="dash-section-title">Ваши дела</div><div class="cg">';
-    for(const n of items.slice(0,6)){h+='<div class="card" data-id="'+n.id+'" onclick="selN(this)"><div class="ct">'+esc(n.title)+'</div><div class="cy">'+TL[n.type]+'</div></div>'}
-    h+='</div></div>';
-  } else {h+='<div class="empty">Дел пока нет. Создайте первое!</div>'}
-  h+='</div>';G('cnt-in').innerHTML=h;
-}
-async function renderInbox(){
-  const items=await api('/api/nodes');
-  let h='<div class="dash"><h2 style="font-size:22px;margin-bottom:4px">&#9776; Неразобранное</h2>';
-  h+='<div style="color:var(--text3);font-size:14px;margin-bottom:24px">Файлы и заметки без дела</div>';
-  if(items.length){
-    h+='<div class="cg">';for(const n of items){h+='<div class="card" data-id="'+n.id+'" onclick="selN(this)"><div class="ct">'+esc(n.title)+'</div><div class="cy">'+TL[n.type]+'</div></div>'}h+='</div>';
-  } else {h+='<div class="empty">Всё разобрано!</div>'}
-  h+='</div>';G('cnt-in').innerHTML=h;
-}
-
-/* ═══ modals ═══ */
-function openM(id){G(id).classList.add('on');setTimeout(()=>{const i=G(id).querySelector('input');if(i)i.focus()},60)}
+/* ════════════════════════════════════════════
+   MODALS
+   ════════════════════════════════════════════ */
+function openM(id){G(id).classList.add('on');setTimeout(()=>{const i=G(id).querySelector('input,textarea');if(i)i.focus()},60)}
 function closeM(id){G(id).classList.remove('on');G(id).querySelectorAll('input,textarea').forEach(e=>e.value='')}
-function doAdd(kind){closeAdd();if(kind==='case')openM('m-node');else if(kind==='note'){if(!cur&&sec==='today'){E('Выберите дело слева для заметки');return}openM('m-note')}else if(kind==='file')openM('m-file');else if(kind==='action')openM('m-action');else if(kind==='worklog')openM('m-worklog')}
-async function submitNode(){const t=G('mn-type').value,title=G('mn-title').value.trim();if(!title)return;try{const n=await api('/api/nodes',{method:'POST',body:JSON.stringify({parent_id:cur,type:t,title})});closeM('m-node');renderTree(await api('/api/nodes'));selN({dataset:{id:n.id},classList:{add(){}}})}catch(e){alert('Ошибка: '+e.message)}}
-async function submitNote(){const title=G('mn2-title').value.trim();if(!title)return;try{const n=await api('/api/notes/'+(cur||''),{method:'POST',body:JSON.stringify({parent_id:cur,title})});closeM('m-note');renderTree(await api('/api/nodes'));selN({dataset:{id:n.id},classList:{add(){}}})}catch(e){alert('Ошибка: '+e.message)}}
-async function submitWorklog(){const mins=parseInt(G('mw-hours').value,10)||0;const text=G('mw-text').value.trim();const approx=G('mw-approw')?.checked?1:0;try{await api('/api/worklog',{method:'POST',body:JSON.stringify({node_id:cur,minutes:mins,summary:text,approximate:approx})});closeM('m-worklog');alert('Записано!')}catch(e){alert('Ошибка: '+e.message)}}
+function doAdd(kind){
+  closeAddMenu();
+  if(kind==='case')openM('m-node');
+  else if(kind==='note'){
+    if(sel.kind==='node')openM('m-note');
+    else if(sel.kind==='section'&&(sel.section==='today'||sel.section==='inbox'||sel.section==='clients'||sel.section==='projects')){
+      // create note under selected section — unclear target, use modal
+      openM('m-note');
+    }else{E('Выберите дело слева для заметки');return}
+  }
+  else if(kind==='file')openM('m-file');
+  else if(kind==='action')openM('m-action');
+  else if(kind==='worklog')openM('m-worklog');
+}
+function showAddMenu(e){
+  e.stopPropagation();
+  const m=G('add-menu');
+  const rect=e.currentTarget.getBoundingClientRect();
+  m.style.display='block';
+  m.style.top=(rect.bottom+4)+'px';
+  m.style.left=rect.left+'px';
+}
+function closeAddMenu(){G('add-menu').style.display='none'}
+document.addEventListener('click',()=>closeAddMenu());
 
-/* ═══ add menu dd ═══ */
-function toggleAdd(e){e.stopPropagation();G('add-btn').classList.toggle('open')}
-document.addEventListener('click',()=>{G('add-btn').classList.remove('open')});
-
-/* ═══ search ═══ */
-let sT=null;
-async function handleSR(q){clearTimeout(sT);const b=G('sr-res');
-  if(!q||q.length<2){b.innerHTML='';return}
-  sT=setTimeout(async()=>{try{let items=await api('/api/nodes');
-    const hits=items.filter(n=>n.title.toLowerCase().includes(q.toLowerCase()));
-    if(!hits.length){b.innerHTML='';return}
-    let h='';for(const r of hits){h+='<div class="sri" data-id="'+r.id+'" onclick="selN(this);b.innerHTML=\'\'"><span class="srt">'+TL[r.type]+'</span><span class="sr-title">'+esc(r.title)+'</span></div>'}
-    b.innerHTML=h
-  }catch(e){b.innerHTML=''}},200);
+async function submitNode(){
+  const t=G('mn-type').value,title=G('mn-title').value.trim(),parentName=G('mn-parent').value.trim();
+  if(!title)return;
+  let parentId='';
+  if(parentName){
+    // find node by name
+    try{const items=await api('/api/nodes');
+     const found=items.find(n=>n.title.toLowerCase().startsWith(parentName.toLowerCase()));
+     if(found)parentId=found.id;
+    }catch(e){}
+  }else if(sel.kind==='node'){parentId=sel.nodeId;}
+  try{
+    const n=await api('/api/nodes',{method:'POST',body:JSON.stringify({parent_id:parentId,type:t,title})});
+    closeM('m-node');
+    // refresh tree
+    const items=await api('/api/nodes');renderTree(items);
+    selectNode({dataset:{id:n.id}});
+  }catch(e){alert('Ошибка: '+e.message)}
+}
+async function submitNote(){
+  const title=G('mn2-title').value.trim();
+  if(!title)return;
+  let parentId='';
+  if(sel.kind==='node')parentId=sel.nodeId;
+  else if(sel.kind==='section'&&sel.section!=='today'&&sel.section!=='inbox'&&sel.section!=='archive'){/* no node */return E('Выберите дело для заметки')}
+  try{
+    const n=await api('/api/notes/'+(parentId||''),{method:'POST',body:JSON.stringify({parent_id:parentId,title})});
+    closeM('m-note');
+    const items=await api('/api/nodes');renderTree(items);
+    selectNode({dataset:{id:n.id}});
+  }catch(e){alert('Ошибка: '+e.message)}
+}
+async function submitWorklog(){
+  const mins=parseInt(G('mw-hours').value,10)||0;const text=G('mw-text').value.trim();
+  const approx=G('mw-approx')?.checked?1:0;
+  try{
+    await api('/api/worklog',{method:'POST',body:JSON.stringify({node_id:sel.nodeId||'',minutes:mins,summary:text,approximate:approx})});
+    closeM('m-worklog');alert('Записано!');
+  }catch(e){alert('Ошибка: '+e.message)}
 }
 
-/* ═══ keyboard ═══ */
+/* ════════════════════════════════════════════
+   SEARCH
+   ════════════════════════════════════════════ */
+let sT=null;
+async function handleSR(q){
+  clearTimeout(sT);const b=G('sr-res');
+  if(!q||q.length<2){b.innerHTML='';return}
+  sT=setTimeout(async()=>{
+    try{
+      const items=await api('/api/nodes');
+      const hits=items.filter(n=>n.title.toLowerCase().includes(q.toLowerCase()));
+      if(!hits.length){b.innerHTML='';return}
+      let h='';
+      for(const r of hits){
+        h+='<div class="sri" data-id="'+r.id+'" onclick="selectNode(this);b.innerHTML=\'\'"><span class="srt">'+TL[r.type]+'</span><span class="sr-title">'+esc(r.title)+'</span></div>';
+      }
+      b.innerHTML=h;
+    }catch(e){b.innerHTML=''}
+  },200);
+}
+
+/* ════════════════════════════════════════════
+   KEYBOARD
+   ════════════════════════════════════════════ */
 document.addEventListener('keydown',e=>{
-  if(e.key==='Escape'){closeED();document.querySelectorAll('.mo.on').forEach(m=>m.classList.remove('on'));G('sr-res').innerHTML=''}
+  if(e.key==='Escape'){closeED();document.querySelectorAll('.mo.on').forEach(m=>m.classList.remove('on'));G('sr-res').innerHTML='';closeAddMenu()}
   if(e.key==='n'&&(e.ctrlKey||e.metaKey)){e.preventDefault();doAdd('case')}
   if(e.key==='s'&&(e.ctrlKey||e.metaKey)&&editId){e.preventDefault();saveNT()}
 });
 
-/* ═══ util ═══ */
-function G(id){return document.getElementById(id)}
-function fsz(b){if(b==null||b===0)return'—';if(b<1024)return b+' Б';if(b<1048576)return(b/1024).toFixed(1)+' КБ';return(b/1048576).toFixed(1)+' МБ'}
-
-/* ═══ init ═══ */
-renderToday();
+/* ════════════════════════════════════════════
+   INIT
+   ════════════════════════════════════════════ */
+renderNav();
+api('/api/nodes').then(items=>{renderTree(items)}).catch(()=>{G('tree').innerHTML='<div class="empty">Не удалось загрузить дела</div>'});
+renderSectionContent('today');
 </script>
 </body>
 </html>`
diff --git a/internal/gui/static/index.html b/internal/gui/static/index.html
index 961f873..dea1206 100644
--- a/internal/gui/static/index.html
+++ b/internal/gui/static/index.html
@@ -1,259 +1,3 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Верстак</title>
-<style>
-*{box-sizing:border-box;margin:0;padding:0}
-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;height:100vh;display:flex;overflow:hidden}
-#sb{width:280px;background:#16213e;border-right:1px solid #0f3460;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
-#sb-hdr{padding:16px;font-size:18px;font-weight:700;color:#e94560;border-bottom:1px solid #0f3460;display:flex;justify-content:space-between;align-items:center}
-#sb-hdr button{background:#0f3460;color:#e0e0e0;border:1px solid #1a4080;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}
-#sb-hdr button:hover{background:#1a4080}
-#tree{flex:1;overflow-y:auto;padding:8px 0}
-#tree ul{list-style:none}
-#tree li{user-select:none}
-.ti{padding:6px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;border-radius:4px;margin:1px 6px}
-.ti:hover{background:#0f3460}
-.ti.sel{background:#1a4080;color:#fff}
-.ti .ic{width:16px;text-align:center;color:#e94560;font-size:14px}
-.ti .ar{width:12px;font-size:10px;color:#555}
-.tc{margin-left:18px;border-left:1px dashed #0f3460}
-#main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
-#mh{padding:14px 24px;border-bottom:1px solid #0f3460;display:flex;justify-content:space-between;align-items:center;gap:12px}
-#mh h1{font-size:18px;font-weight:600;white-space:overflow:hidden;text-overflow:ellipsis}
-#mh .acts{display:flex;gap:6px;flex-shrink:0}
-#mh button{background:#0f3460;color:#e0e0e0;border:1px solid #1a4080;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:12px}
-#mh button:hover{background:#1a4080}
-#mh button.p{background:#e94560;border-color:#e94560;color:#fff}
-#mh button.p:hover{background:#c73652}
-#tabs{display:flex;padding:0 24px;border-bottom:1px solid #0f3460;flex-shrink:0}
-#tabs .t{padding:10px 18px;cursor:pointer;font-size:13px;color:#888;border-bottom:2px solid transparent;white-space:nowrap}
-#tabs .t:hover{color:#e0e0e0}
-#tabs .t.a{color:#e94560;border-bottom-color:#e94560}
-#srch{padding:8px 24px}
-#srch input{width:100%;padding:8px 12px;background:#0f0f23;color:#e0e0e0;border:1px solid #0f3460;border-radius:6px;font-size:13px;outline:none}
-#srch input:focus{border-color:#e94560}
-#sr-res{display:none;position:absolute;top:100px;left:50%;transform:translateX(-50%);width:400px;max-width:90vw;background:#16213e;border:1px solid #0f3460;border-radius:8px;max-height:350px;overflow-y:auto;z-index:60}
-#sr-res .sri{padding:10px 14px;cursor:pointer;border-bottom:1px solid #0f3460;font-size:13px}
-#sr-res .sri:hover{background:#0f3460}
-#sr-res .sri .srt{font-size:10px;color:#e94560;text-transform:uppercase}
-#cnt{flex:1;overflow-y:auto;padding:24px}
-.bc{font-size:12px;color:#666;margin-bottom:12px}
-.empty{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:15px}
-.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
-.card{background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:14px;cursor:pointer;transition:border-color .15s}
-.card:hover{border-color:#e94560}
-.card .ct{font-weight:600;margin-bottom:4px;font-size:14px}
-.card .cy{font-size:11px;color:#888;text-transform:uppercase}
-.card .cm{font-size:11px;color:#555;margin-top:6px}
-#ed{display:none;position:fixed;inset:0;background:#1a1a2e;z-index:90;flex-direction:column}
-#ed-hdr{padding:12px 24px;border-bottom:1px solid #0f3460;display:flex;justify-content:space-between;align-items:center}
-#ed-hdr span{font-size:16px;font-weight:600}
-#ed button{background:#0f3460;color:#e0e0e0;border:1px solid #1a4080;border-radius:4px;padding:6px 14px;cursor:pointer;font-size:12px}
-#ed button.p{background:#e94560;border-color:#e94560}
-#ed-ta{flex:1;background:#0f0f23;color:#e0e0e0;border:none;padding:24px;font-family:"Fira Code",Consolas,monospace;font-size:14px;line-height:1.7;resize:none;outline:none}
-#ed-ftr{padding:10px 24px;border-top:1px solid #0f3460;display:flex;gap:8px}
-.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;align-items:center;justify-content:center}
-.mo.on{display:flex}
-.md{background:#16213e;border:1px solid #0f3460;border-radius:12px;padding:24px;width:420px;max-width:90vw}
-.md h3{margin-bottom:16px;font-size:16px}
-.md label{display:block;font-size:12px;color:#888;margin-bottom:4px;margin-top:12px}
-.md input,.md select{width:100%;padding:8px 12px;background:#0f0f23;color:#e0e0e0;border:1px solid #1a4080;border-radius:4px;font-size:14px;outline:none}
-.md input:focus{border-color:#e94560}
-.md .ma{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}
-.md button{padding:8px 16px;border-radius:4px;border:1px solid #1a4080;background:#0f3460;color:#e0e0e0;cursor:pointer}
-.md button.p{background:#e94560;border-color:#e94560;color:#fff}
-</style>
-</head>
-<body>
-
-<div id="sb">
-  <div id="sb-hdr"><span>⚒ ВЕРСТАК</span><button onclick="showCM()">+</button></div>
-  <div id="tree"><div class="empty" style="padding:30px 14px;font-size:13px">Пусто. Создайте первое дело.</div></div>
-</div>
-
-<div id="main">
-  <div id="mh"><h1 id="pt">Верстак</h1><div class="acts">
-    <button onclick="showCNM()">+ Заметка</button>
-    <button onclick="showCM()">+ Дело</button>
-    <button onclick="document.getElementById('fi').click()">+ Файл</button>
-    <input type="file" id="fi" style="display:none" onchange="handleFA(event)">
-  </div></div>
-  <div id="tabs"><div class="t a" onclick="switchTab(this,'ov')">Обзор</div><div class="t" onclick="switchTab(this,'nt')">Заметки</div><div class="t" onclick="switchTab(this,'fl')">Файлы</div></div>
-  <div id="srch"><input id="si" placeholder="Поиск по делам и заметкам..." autocomplete="off" oninput="handleSR(this.value)"></div>
-  <div id="sr-res"></div>
-  <div id="cnt"><div class="empty">Выберите дело или создайте новое</div></div>
-</div>
-
-<div id="ed">
-  <div id="ed-hdr"><span id="et">Редактор</span><div><button onclick="closeED()">✕</button> <button class="p" onclick="saveNT()">💾 Сохранить</button></div></div>
-  <textarea id="ed-ta" placeholder="Пишите в Markdown..."></textarea>
-  <div id="ed-ftr"></div>
-</div>
-
-<div class="mo" id="cm">
-  <div class="md"><h3>Новое дело</h3>
-  <label>Тип</label><select id="ct"><option value="case">◇ Дело</option><option value="folder">▸ Папка</option><option value="space">◎ Пространство</option><option value="recipe">◈ Рецепт</option></select>
-  <label>Название</label><input id="cn" placeholder="Название..." autofocus>
-  <div class="ma"><button onclick="closeCM()">Отмена</button><button class="p" onclick="submitCM()">Создать</button></div></div>
-</div>
-
-<div class="mo" id="cnm">
-  <div class="md"><h3>Новая заметка</h3>
-  <label>Название</label><input id="cnn" placeholder="Название заметки..." autofocus>
-  <div class="ma"><button onclick="closeCNM()">Отмена</button><button class="p" onclick="submitCNM()">Создать</button></div></div>
-</div>
-
-<script>
-const API='';
-let cur='',editId='',tab='ov';
-
-async function api(p,opt){
-  const r=await fetch(API+p,{headers:{'Content-Type':'application/json'},...opt});
-  if(!r.ok)throw new Error(r.status);
-  return r.json();
-}
-
-// tree
-async function loadTree(){
-  try{
-    const items=await api('/api/nodes');
-    const t=document.getElementById('tree');
-    if(!items.length){t.innerHTML='<div class="empty" style="padding:30px 14px;font-size:13px">Пусто. Создайте первое дело.</div>';return}
-    t.innerHTML=renderL(items,'');
-  }catch(e){document.getElementById('tree').innerHTML='<div class="empty" style="padding:30px 14px">Ошибка загрузки</div>'}
-}
-
-function renderL(items,pid){
-  let h='<ul'+(pid?' class="tc"':'')+'>';
-  for(const n of items){
-    h+='<li><div class="ti'+(cur===n.id?' sel':'')+'" data-id="'+n.id+'" onclick="selN(\''+n.id+'\')">';
-    h+='<span class="ar">'+('▸')+'</span><span class="ic">'+nic(n.type)+'</span>';
-    h+='<span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+esc(n.title)+'</span></div></li>';
-  }
-  h+='</ul>';return h;
-}
-
-function nic(t){const i={case:'◇',folder:'▸',space:'◎',note:'📝',document:'📄',file:'📎',recipe:'◈',action:'⚡',secret:'🔒',worklog:'⏱',link:'🔗'};return i[t]||'◇'}
-function esc(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML}
-
-async function selN(id){
-  cur=id;
-  document.querySelectorAll('.ti').forEach(e=>e.classList.toggle('sel',e.dataset.id===id));
-  try{
-    const d=await api('/api/nodes/'+id);
-    document.getElementById('pt').textContent=d.node.title;
-    renderOV(d);
-  }catch(e){document.getElementById('cnt').innerHTML='<div class="empty">Ошибка</div>'}
-}
-
-function renderOV(d){
-  const ch=d.children||[],fl=d.files||[];
-  let h='<div class="bc">'+(d.node.type||'Дело')+'</div>';
-  if(ch.length||fl.length){
-    h+='<div class="cg">';
-    for(const c of ch){
-      h+='<div class="card" onclick="selN(\''+c.id+'\')"><div class="ct">'+esc(c.title)+'</div><div class="cy">'+c.type+'</div></div>';
-    }
-    for(const f of fl){
-      h+='<div class="card"><div class="ct">📎 '+esc(f.filename)+'</div><div class="cy">'+(f.mime||'file')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
-    }
-    h+='</div>';
-  } else {
-    h+='<div class="empty" style="margin-top:40px">Пусто. Добавьте заметку или файл.</div>';
-  }
-  document.getElementById('cnt').innerHTML=h;
-}
-
-function fsz(b){if(b<1024)return b+' B';if(b<1048576)return(b/1024).toFixed(1)+' KB';return(b/1048576).toFixed(1)+' MB'}
-
-function switchTab(el,t){
-  document.querySelectorAll('#tabs .t').forEach(e=>e.classList.remove('a'));
-  el.classList.add('a');tab=t;
-  if(t==='ov'&&cur)selN(cur);else if(t==='nt')loadNT();else if(t==='fl')loadFL();
-}
-
-async function loadNT(){
-  if(!cur){document.getElementById('cnt').innerHTML='<div class="empty">Выберите делó</div>';return}
-  const d=await api('/api/nodes/'+cur);
-  const ns=(d.children||[]).filter(c=>c.type==='note');
-  if(!ns.length){document.getElementById('cnt').innerHTML='<div class="empty">Нет заметок. Создайте первую.</div>';return}
-  let h='<div class="cg">';
-  for(const n of ns)h+='<div class="card" onclick="openNT(\''+n.id+'\')"><div class="ct">📝 '+esc(n.title)+'</div><div class="cy">заметка</div></div>';
-  h+='</div>';document.getElementById('cnt').innerHTML=h;
-}
-
-async function loadFL(){
-  if(!cur){document.getElementById('cnt').innerHTML='<div class="empty">Выберите дело</div>';return}
-  const d=await api('/api/nodes/'+cur);
-  const fl=d.files||[];
-  if(!fl.length){document.getElementById('cnt').innerHTML='<div class="empty">Нет файлов</div>';return}
-  let h='<div class="cg">';
-  for(const f of fl)h+='<div class="card"><div class="ct">📎 '+esc(f.filename)+'</div><div class="cy">'+(f.mime||'file')+'</div><div class="cm">'+fsz(f.size)+'</div></div>';
-  h+='</div>';document.getElementById('cnt').innerHTML=h;
-}
-
-// editor
-async function openNT(id){
-  editId=id;
-  try{const d=await api('/api/notes/'+id);document.getElementById('et').textContent='Заметка';document.getElementById('ed-ta').value=d.content||'';document.getElementById('ed').style.display='flex'}
-  catch(e){alert('Ошибка: '+e.message)}
-}
-function closeED(){document.getElementById('ed').style.display='none';editId=''}
-async function saveNT(){
-  if(!editId)return;
-  try{await api('/api/notes/'+editId,{method:'PUT',body:JSON.stringify({content:document.getElementById('ed-ta').value})});closeED();if(cur)selN(cur)}
-  catch(e){alert('Ошибка: '+e.message)}
-}
-
-// modals
-function showCM(){document.getElementById('cm').classList.add('on');document.getElementById('cn').focus()}
-function closeCM(){document.getElementById('cm').classList.remove('on');document.getElementById('cn').value=''}
-async function submitCM(){
-  const type=document.getElementById('ct').value,title=document.getElementById('cn').value.trim();
-  if(!title)return;
-  try{await api('/api/nodes',{method:'POST',body:JSON.stringify({parent_id:cur,type,title})});closeCM();loadTree();if(cur)selN(cur)}
-  catch(e){alert('Ошибка: '+e.message)}
-}
-
-function showCNM(){document.getElementById('cnm').classList.add('on');document.getElementById('cnn').focus()}
-function closeCNM(){document.getElementById('cnm').classList.remove('on');document.getElementById('cnn').value=''}
-async function submitCNM(){
-  const title=document.getElementById('cnn').value.trim();
-  if(!title)return;
-  try{const n=await api('/api/notes/'+(cur||''),{method:'POST',body:JSON.stringify({parent_id:cur,title})});closeCNM();loadTree();selN(n.id);switchTab(document.querySelectorAll('#tabs .t')[1],'nt')}
-  catch(e){alert('Ошибка: '+e.message)}
-}
-
-function handleFA(ev){const f=ev.target.files[0];if(!f)return;alert('MVP: загрузка файлов будет в следующей версии. Файл: '+f.name);ev.target.value=''}
-
-// search
-let sT=null;
-async function handleSR(q){
-  clearTimeout(sT);
-  const b=document.getElementById('sr-res');
-  if(!q||q.length<2){b.style.display='none';return}
-  sT=setTimeout(async()=>{
-    try{
-      // For MVP, fetch all roots and filter locally
-      const items=await api('/api/nodes');
-      const hits=items.filter(n=>n.title.toLowerCase().includes(q.toLowerCase()));
-      if(!hits.length){b.style.display='none';return}
-      let h='';for(const r of hits){h+='<div class="sri" onclick="selN(\''+r.id+'\');b.style.display=\'none\'"><div class="srt">'+r.type+'</div><div>'+esc(r.title)+'</div></div>'}
-      b.innerHTML=h;b.style.display='block';
-    }catch(e){b.style.display='none'}
-  },200);
-}
-
-// keyboard shortcuts
-document.addEventListener('keydown',e=>{
-  if(e.key==='Escape'){closeED();closeCM();closeCNM();document.getElementById('sr-res').style.display='none'}
-  if(e.key==='n'&&(e.ctrlKey||e.metaKey)){e.preventDefault();showCM()}
-});
-
-loadTree();
-</script>
-</body>
-</html>
+// This file is unused — the GUI now serves HTML from internal/gui/index.html.go
+// via an inline template. Kept to avoid the embed directory dependency.
+// Safe to delete in a cleanup pass.
