kingkont 0.20.9 → 0.20.11

package/index.html

@@ -134,9 +134,7 @@
     <button id="genSfx"   class="kk-edit-only" disabled title="Сгенерировать звуковой эффект (ElevenLabs)">💥 SFX</button>
     <button id="genMusic" class="kk-edit-only" disabled title="Сгенерировать музыку (ElevenLabs)">🎵 Музыка</button>
     <span class="toolbar-sep kk-edit-only"></span>
-    <button data-draw-tool="pencil" class="kk-edit-only" title="Карандаш — тонкая стрелка (Esc выход, удаление через Backspace или ×)">✏</button>
-    <button data-draw-tool="lead"   class="kk-edit-only" title="Грифель — средняя стрелка">𓇼</button>
-    <button data-draw-tool="paint"  class="kk-edit-only" title="Краска — толстая стрелка">🖌</button>
+    <button data-draw-tool="paint"  class="kk-edit-only" title="Рисование краской — нарисуй линию на холсте. Esc — отмена. Удаление: Backspace или ×.">🖌</button>
     <!-- View-only banner: in-place в toolbar'е (вместо edit-кнопок).
          Видна только в body.view-only-mode (см. styles.css .kk-view-only-banner). -->
     <div id="viewOnlyBanner" class="kk-view-only-banner">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.20.9",
+  "version": "0.20.11",
   "description": "KingKont \u00b7 Chatium \u2014 \u043d\u043e\u0434-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0441\u0446\u0435\u043d \u0441 AI-\u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0435\u0439 (\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438/\u0432\u0438\u0434\u0435\u043e/\u0433\u043e\u043b\u043e\u0441/SFX/\u043c\u0443\u0437\u044b\u043a\u0430/\u0442\u0435\u043a\u0441\u0442)",
   "main": "main.js",
   "bin": {

package/renderer/board.js

@@ -227,6 +227,16 @@ window.addEventListener('DOMContentLoaded', async () => {
                 brandLogo._dblTimer = null;
                 if (state.filmHandle && typeof closeProject === 'function')
                     closeProject();
+                try {
+                    if (location.hash)
+                        history.replaceState(null, '', location.pathname + location.search);
+                } catch {}
+                // Аноним пришёл по #template= → нажал на логотип → попал бы
+                // на welcome без auth. Принудительно отправляем на signin
+                // (welcome бесполезен для анона: cloudProjects.list → 401).
+                if (window.__KINGKONT_WEB__ && !window.__KINGKONT_USER__) {
+                    location.replace('/app/spaces/client/signin');
+                }
             }, 250);
         });
         brandLogo.addEventListener('dblclick', () => {
@@ -310,6 +320,41 @@ async function refreshBalance() {
         _writeBalancesCache(data);
         _renderBalancesInto(data);
     }
+    // Параллельно обновляем identity (web-only) — без этого __KINGKONT_USER__
+    // оставался стейлом после logout в chatium, identity-pill показывала
+    // старого юзера до перезагрузки страницы. /me — единственный надёжный
+    // источник свежей сессии (cookie уже мог быть инвалидирован).
+    if (window.__KINGKONT_WEB__)
+        _refreshWebIdentity().catch(() => { });
+}
+async function _refreshWebIdentity() {
+    let fresh = null;
+    try {
+        const r = await fetch('/app/spaces/client/me', { credentials: 'include' });
+        if (r.ok) {
+            const j = await r.json();
+            fresh = j?.user || null;
+        }
+    }
+    catch { return; }
+    const prevId = window.__KINGKONT_USER__?.id || null;
+    const newId = fresh?.id || null;
+    window.__KINGKONT_USER__ = fresh;
+    if (prevId === newId) return;
+    // Identity сменилась → инвалидируем status-кэш и перерисовываем.
+    // Если юзер разлогинился (newId=null) — show «войти». Если зашёл
+    // как другой — переключаем display, но не делаем hard reload (welcome
+    // переотрисуется сам). welcome-list проектов протухнет тоже:
+    // localStorage.removeItem дает renderWelcomeRecents обновиться при
+    // следующем заходе.
+    try {
+        localStorage.removeItem(_STATUS_CACHE_KEY);
+        localStorage.removeItem('cloudProjectsCache');
+    }
+    catch { }
+    renderWelcomeIdentity({ force: true }).catch(() => { });
+    if (typeof renderWelcomeRecents === 'function')
+        renderWelcomeRecents().catch(() => { });
 }
 function _renderBalancesInto(data) {
     // Один pill на провайдер. Если у провайдера нет данных (выключен или
@@ -376,6 +421,12 @@ function _readStatusCache() {
         const obj = JSON.parse(raw);
         if (Date.now() - (obj.ts || 0) > _STATUS_HARD_TTL_MS)
             return null; // 24h hard max
+        // Никогда не доверяем cached «не залогинен» — пользователь мог
+        // войти в другом табе/окне chatium, а welcome всё ещё крутил
+        // stale `{connected: false}` до истечения 10-мин окна. Если кэш
+        // негативный, читаем как «нет кэша» → форсим fresh fetch.
+        if (obj.status && obj.status.connected === false)
+            return null;
         return { status: obj.status || null, ts: obj.ts || 0 };
     }
     catch {
@@ -384,6 +435,10 @@ function _readStatusCache() {
 }
 function _writeStatusCache(status) {
     try {
+        // Пишем кэш только для positive-state. Negative («не залогинен»)
+        // не кэшируем — он копеечен в пересчёте и часто врёт после login
+        // в другом табе (см. _readStatusCache комментарий).
+        if (!status || status.connected === false) return;
         localStorage.setItem(_STATUS_CACHE_KEY, JSON.stringify({ ts: Date.now(), status }));
     }
     catch { }
@@ -518,12 +573,26 @@ function _renderIdentity(wrap, status) {
         logoutBtn.addEventListener('click', async () => {
             if (!confirm('Выйти из KingKont?'))
                 return;
-            // Electron: preload IPC. Web: server endpoint.
+            // Electron: preload IPC сбрасывает settings.json. Web:
+            // POST /s/auth/sign-out — chatium-нативный endpoint, инвалидирует
+            // session-cookie. /api/auth/logout стаба в web-shim ничего не делал.
             try {
-                if (window.appChatium?.logout)
+                if (window.appChatium?.logout) {
                     await window.appChatium.logout();
-                else
+                }
+                else if (window.__KINGKONT_WEB__) {
+                    await fetch('/s/auth/sign-out', { method: 'POST', credentials: 'include' });
+                    // Чистим всё клиентское состояние и редиректим на signin —
+                    // welcome пытается отрисовать своё-чужое без auth и ломается.
+                    try { localStorage.clear(); } catch {}
+                    try { sessionStorage.clear(); } catch {}
+                    window.__KINGKONT_USER__ = null;
+                    location.replace('/app/spaces/client/signin');
+                    return;
+                }
+                else {
                     await fetch('/api/auth/logout', { method: 'POST' });
+                }
             }
             catch { }
             // Очистим status-кэш и форсим re-render.
@@ -839,30 +908,6 @@ async function _renderWelcomeRecentsInner() {
         }
     })().catch(() => { });
     const list = await getRecents();
-    // Первой картой — «Открыть проект». Кликается → дёргает скрытый
-    // #pickRoot button (тот же, что использует app menu).
-    // Скрываем в браузерах без FSAH (Safari/Firefox) — там кнопка не сработает.
-    if ('showDirectoryPicker' in window) {
-        const openCard = document.createElement('div');
-        openCard.className = 'welcome-card open-card';
-        const openThumb = document.createElement('div');
-        openThumb.className = 'welcome-card-thumb';
-        openThumb.textContent = '+';
-        const openMeta = document.createElement('div');
-        openMeta.className = 'welcome-card-meta';
-        const openName = document.createElement('div');
-        openName.className = 'welcome-card-name';
-        openName.textContent = 'Открыть проект';
-        const openSub = document.createElement('div');
-        openSub.className = 'welcome-card-ts';
-        openSub.textContent = 'выбрать папку…';
-        openMeta.append(openName, openSub);
-        openCard.append(openThumb, openMeta);
-        openCard.addEventListener('click', () => $('pickRoot').click());
-        grid.appendChild(openCard);
-    }
-    // ☁ Облачные проекты — видна только если залогинен в Chatium.
-    // Создаёт серверную запись и открывает её как новый проект.
     // Web fallback: если preload appSettings нет — спрашиваем сервер
     // через /api/auth/status (тот же chatium-токен из settings.json).
     let isLoggedIn = false;
@@ -878,17 +923,18 @@ async function _renderWelcomeRecentsInner() {
         }
     }
     catch { }
+    // 1) «Новый проект» (+ иконка) — облачный. Видна если залогинен.
     if (isLoggedIn) {
         const cloudCard = document.createElement('div');
         cloudCard.className = 'welcome-card open-card';
         const cloudThumb = document.createElement('div');
         cloudThumb.className = 'welcome-card-thumb';
-        cloudThumb.textContent = '☁';
+        cloudThumb.textContent = '+';
         const cloudMeta = document.createElement('div');
         cloudMeta.className = 'welcome-card-meta';
         const cloudName = document.createElement('div');
         cloudName.className = 'welcome-card-name';
-        cloudName.textContent = 'Новый проект (облако)';
+        cloudName.textContent = 'Новый проект';
         const cloudSub = document.createElement('div');
         cloudSub.className = 'welcome-card-ts';
         cloudSub.textContent = 'хранится на сервере';
@@ -899,8 +945,26 @@ async function _renderWelcomeRecentsInner() {
                 window.cloudProjects.createNew();
         });
         grid.appendChild(cloudCard);
-        // (отдельная карточка «Мои облачные проекты» убрана — облачные теперь
-        //  показываются inline в общем списке с ☁-бейджем.)
+    }
+    // 2) «Открыть папку» — только в FSAH-средах (Electron/Chrome).
+    if ('showDirectoryPicker' in window) {
+        const openCard = document.createElement('div');
+        openCard.className = 'welcome-card open-card';
+        const openThumb = document.createElement('div');
+        openThumb.className = 'welcome-card-thumb';
+        openThumb.textContent = '📁';
+        const openMeta = document.createElement('div');
+        openMeta.className = 'welcome-card-meta';
+        const openName = document.createElement('div');
+        openName.className = 'welcome-card-name';
+        openName.textContent = 'Открыть папку';
+        const openSub = document.createElement('div');
+        openSub.className = 'welcome-card-ts';
+        openSub.textContent = 'выбрать с диска…';
+        openMeta.append(openName, openSub);
+        openCard.append(openThumb, openMeta);
+        openCard.addEventListener('click', () => $('pickRoot').click());
+        grid.appendChild(openCard);
     }
     // Сразу за «Открыть проект» — карточка «Шаблоны» (открывает библиотеку
     // шаблонов с серверa). Стиль такой же как у open-card — иконка + meta.
@@ -948,62 +1012,73 @@ async function _renderWelcomeRecentsInner() {
             renderWelcomeRecents().catch(() => { });
         }).catch(() => { });
     }
-    // ---- Объединённый список: cloud + folder, отсортированный по timestamp ----
-    // Каждый элемент: { type: 'cloud'|'recent', sortTs, item }.
-    // Для cloud берём максимум из (updatedAt | lastOpenedAt | createdAt) —
-    // юзер ожидает что недавно открытый проект (даже без сохранения) поднимется.
-    // Расшаренные мне НЕ кладём в основной grid — отдельная секция «Расшарено мне» ниже.
-    const merged = [];
-    const sharedItems = [];
+    // Юзер: «постоянные кнопки — первый ряд, recent — второй, shared — третий».
+    // Главный grid выше (welcomeRecentGrid) теперь содержит ТОЛЬКО постоянные
+    // кнопки (open / new cloud / templates), уже добавленные выше. Title
+    // первого ряда меняем на «Действия».
+    if (titleEl) titleEl.textContent = 'Действия';
+
+    // ---- Разделение проектов на «мои» и «расшарили мне» ----
+    const myProjects = [];   // cloud (mine) + folder recents, отсортированы
+    const sharedItems = [];  // cloud (shared, !mine)
     for (const c of cloudItems) {
         const ts = Math.max(c.lastOpenedAt || 0, c.updatedAt || 0, c.createdAt || 0);
         if (c.shared && !c.mine) {
             sharedItems.push({ ...c, sortTs: ts });
             continue;
         }
-        merged.push({ type: 'cloud', sortTs: ts, item: c });
+        myProjects.push({ type: 'cloud', sortTs: ts, item: c });
     }
     // Дедуп: cloud-проекты не должны показываться ещё и как «недавние папки».
-    // Источники дубля:
-    //   1) handle — cloud-shim (window.cloudFsShim.isCloudHandle) — фильтруем в touchRecent,
-    //      но старые записи могли остаться от предыдущих версий.
-    //   2) имя совпадает с именем cloud-проекта — heuristic для legacy-записей.
     const cloudNames = new Set(cloudItems.map(c => c.name).filter(Boolean));
     for (const r of list) {
-        if (window.cloudFsShim?.isCloudHandle?.(r.handle))
-            continue; // shim в IDB
-        if (cloudNames.has(r.name))
-            continue; // имя дубля
-        merged.push({ type: 'recent', sortTs: r.ts || 0, item: r });
-    }
-    merged.sort((a, b) => b.sortTs - a.sortTs);
-    // Title меняем в зависимости от наличия проектов.
-    if (titleEl)
-        titleEl.textContent = merged.length ? 'Открыть проект · недавние' : 'Открыть проект';
-    for (const m of merged) {
-        if (m.type === 'cloud')
-            grid.appendChild(makeCloudWelcomeCard(m.item));
-        else
-            grid.appendChild(makeRecentWelcomeCard(m.item));
+        if (window.cloudFsShim?.isCloudHandle?.(r.handle)) continue;
+        if (cloudNames.has(r.name)) continue;
+        myProjects.push({ type: 'recent', sortTs: r.ts || 0, item: r });
+    }
+    myProjects.sort((a, b) => b.sortTs - a.sortTs);
+
+    // ---- Ряд 2: «Мои проекты» ----
+    let myWrap = document.getElementById('welcomeMyProjectsRecent');
+    if (!myWrap) {
+        myWrap = document.createElement('div');
+        myWrap.id = 'welcomeMyProjectsRecent';
+        myWrap.className = 'welcome-recent';
+        myWrap.innerHTML = '<div class="welcome-recent-title">Мои проекты</div><div class="welcome-recent-grid" id="welcomeMyProjectsGrid"></div>';
+        wrap.parentNode?.insertBefore(myWrap, wrap.nextSibling);
+    }
+    const myGrid = myWrap.querySelector('#welcomeMyProjectsGrid');
+    myGrid.innerHTML = '';
+    if (!myProjects.length) {
+        myWrap.style.display = 'none';
+    } else {
+        myWrap.style.display = '';
+        for (const m of myProjects) {
+            if (m.type === 'cloud') myGrid.appendChild(makeCloudWelcomeCard(m.item));
+            else myGrid.appendChild(makeRecentWelcomeCard(m.item));
+        }
     }
-    // ---- Расшарили мне — отдельной секцией под основным grid'ом. ----
-    // Лежит как отдельный block #welcomeSharedRecent. Если есть items — показываем,
-    // иначе скрываем.
+
+    // ---- Ряд 3: «Расшарено мне» ----
+    // Вставляется ПОСЛЕ welcomeMyProjectsRecent (insertBefore по nextSibling
+    // у myWrap, чтобы сохранить порядок при первом создании).
     let sharedWrap = document.getElementById('welcomeSharedRecent');
     if (!sharedWrap) {
         sharedWrap = document.createElement('div');
         sharedWrap.id = 'welcomeSharedRecent';
         sharedWrap.className = 'welcome-recent';
-        sharedWrap.style.marginTop = '32px';
         sharedWrap.innerHTML = '<div class="welcome-recent-title">Расшарено мне</div><div class="welcome-recent-grid" id="welcomeSharedGrid"></div>';
-        wrap.parentNode?.insertBefore(sharedWrap, wrap.nextSibling);
+        myWrap.parentNode?.insertBefore(sharedWrap, myWrap.nextSibling);
+    } else if (sharedWrap.previousElementSibling !== myWrap) {
+        // Если порядок съехал (например myWrap создан позже sharedWrap),
+        // переставляем sharedWrap после myWrap.
+        myWrap.parentNode?.insertBefore(sharedWrap, myWrap.nextSibling);
     }
     const sharedGrid = sharedWrap.querySelector('#welcomeSharedGrid');
     sharedGrid.innerHTML = '';
     if (!sharedItems.length) {
         sharedWrap.style.display = 'none';
-    }
-    else {
+    } else {
         sharedWrap.style.display = '';
         sharedItems.sort((a, b) => b.sortTs - a.sortTs);
         for (const it of sharedItems)
@@ -1473,8 +1548,13 @@ function renderTemplateOverlay() {
     // URL-forced: #template=<id> ВСЕГДА view-only, даже для владельца.
     // Это «preview-link» — отдельный URL который шарится наружу.
     // #project=<id> — обычный режим: view-only только если canModify=false.
-    const isTemplateUrl = window.__KINGKONT_VIEW_ONLY_URL__
-        || /^#template=/.test(location.hash || '');
+    //
+    // ВАЖНО: НЕ используем __KINGKONT_VIEW_ONLY_URL__ — оно ставится web-shim'ом
+    // ОДИН раз по initial-URL и не обновляется при hash-navigation. Если юзер
+    // зашёл по #template= shared-link, открыл welcome и потом свой проект
+    // (#project=) — переменная остаётся true → renderTemplateOverlay включал
+    // view-only на собственном проекте. Проверяем АКТУАЛЬНЫЙ hash.
+    const isTemplateUrl = /^#template=/.test(location.hash || '');
     const isReadOnly = !isElectron && state.cloudProjectId
         && (state.cloudCanModify === false || isTemplateUrl);
     // edit-mode реveal'ит .kk-edit-only элементы (sidebar секции "Персонажи"/
@@ -1499,6 +1579,14 @@ function renderTemplateOverlay() {
         btn.dataset.wired = '1';
         btn.addEventListener('click', async () => {
             if (btn.disabled) return;
+            // Аноним в вебе → отправляем через auth-gate. После auth chatium
+            // вернёт юзера на /app/spaces/client/clone?id=, тот редиректнет
+            // на /static/web.html?clone=, и init-код ниже завершит клон.
+            // Electron здесь не задет — __KINGKONT_WEB__ только в web-shim.
+            if (window.__KINGKONT_WEB__ && !window.__KINGKONT_USER__) {
+                location.href = '/app/spaces/client/clone?id=' + encodeURIComponent(state.cloudProjectId);
+                return;
+            }
             btn.disabled = true;
             const orig = btn.textContent;
             btn.textContent = '… клонирую';
@@ -1555,12 +1643,11 @@ async function openShareModal(p) {
         // В Electron location.origin === http://localhost:17893 — кому
         // отправлять такую ссылку? Принимающий открывает в обычном браузере,
         // там приложение живёт на kingkont.ru. В web используем origin.
-        // Канонический путь — /static/client/index.html (быстрая отдача,
-        // CDN-like). Старый /app/spaces/client/index.html сохраняет
-        // backwards-compat через redirect-stub.
+        // Канонический путь — /static/web.html. /app/spaces/client/index.html
+        // остался как auth-aware redirect-stub (для backwards-compat).
         const isLocal = /^https?:\/\/(localhost|127\.0\.0\.1)/.test(location.origin);
         const base = isLocal ? 'https://kingkont.ru' : location.origin;
-        return base + '/static/client/index.html#template=' + proj.id;
+        return base + '/static/web.html#template=' + proj.id;
     }
     function render() {
         const isPub = !!proj.isPublic;
@@ -1769,9 +1856,9 @@ function showCloudCardContextMenu(p, clientX, clientY) {
         if (window.cloudProjects?.open)
             window.cloudProjects.open(p.id, p.name, { forceRefresh: true });
     });
-    // Расшаривание — web-only (chatium endpoints proj_*). Public-toggle живёт
-    // внутри Share-модалки, отдельной кнопки нет.
-    if (window.__KINGKONT_WEB__ && p.mine !== false) {
+    // Public-toggle живёт внутри Share-модалки, отдельной кнопки нет.
+    // Electron-сторону /api/proj/* проксирует server.js (см. handleChatiumProjProxy).
+    if (p.mine !== false) {
         add('🤝 Расшарить…', () => openShareModal(p));
     }
     add('💾 Сохранить как шаблон…', async () => {
@@ -2366,6 +2453,8 @@ function makeBoardItem(it, kind) {
     el.addEventListener('click', () => selectBoard({ kind, ...it }));
     el.addEventListener('contextmenu', e => {
         e.preventDefault();
+        // View-only: меню (rename/delete) бесполезно, см. node-comment выше.
+        if (document.body.classList.contains('view-only-mode')) return;
         e.stopPropagation();
         showBoardContextMenu(kind, it, e.clientX, e.clientY);
     });
@@ -3055,6 +3144,26 @@ $('newLocation').addEventListener('click', async () => {
     }
 });
 // =================== Board (универсально для серии и персонажа) ===================
+// Выделить ноду + проскроллить view так, чтобы она была в центре viewport'а.
+// Юзер: «после создания ноды (любой) нужно её выделять и перемещаться к ней».
+// Используется после addText/addLabel/genNode'а — иначе если spot оказался
+// за пределами текущего scroll'а, юзер не понимает что что-то создалось.
+function selectAndPanToNode(node) {
+    if (!node || !state.currentBoard) return;
+    try {
+        clearSelection();
+        state.selectedNodeIds.add(node.id);
+        renderSelection();
+    } catch {}
+    const { padX, padY } = _getFramePadding();
+    const z = state.zoom || 1;
+    const w = node.width || 280, h = node.height || 220;
+    const cx = node.x + w / 2;
+    const cy = node.y + h / 2;
+    canvasWrap.scrollLeft = cx * z + padX - canvasWrap.clientWidth / 2;
+    canvasWrap.scrollTop  = cy * z + padY - canvasWrap.clientHeight / 2;
+}
+window.selectAndPanToNode = selectAndPanToNode;
 // Если ни одна нода не попадает в видимую область canvas-wrap, скроллим
 // view на центр bbox всех нод. Используется после selectBoard / openFilm
 // — типичный кейс: юзер открывает старый проект, scroll был сохранён в
@@ -3680,6 +3789,15 @@ async function createNodeEl(node) {
     el.addEventListener('contextmenu', e => {
         if (e.target.closest('textarea, input, .anchor, .resize-handle, [contenteditable]'))
             return;
+        // В view-only режиме (#template=) меню содержит destructive-actions
+        // (удалить, переименовать, regen) — все они упадут на сервере по
+        // canModify. Показывать их без возможности применить запутывает юзера;
+        // просто блокируем ПКМ. Native-меню браузера тоже подавляем, чтобы не
+        // путать с собственным.
+        if (document.body.classList.contains('view-only-mode')) {
+            e.preventDefault();
+            return;
+        }
         e.preventDefault();
         e.stopPropagation();
         showNodeContextMenu(node, e.clientX, e.clientY);

package/renderer/cloudProjects.js

@@ -234,6 +234,18 @@
       setCloudButtonsVisibility();
       if (typeof window.renderTemplateOverlay === 'function') window.renderTemplateOverlay();
       if (window.__KINGKONT_WEB__) location.hash = '#project=' + created.id;
+      // Auto-создание первой сцены: юзер ожидает что новый проект сразу
+      // открывает доску, а не показывает пустой sidebar с предложением
+      // «создать сцену». Имя «Сцена 1» — конвенция newEpisode'а из board.js.
+      try {
+        const sceneName = 'Сцена 1';
+        const sceneHandle = await handle.getDirectoryHandle(sceneName, { create: true });
+        if (typeof refreshEpisodes === 'function') await refreshEpisodes();
+        if (typeof selectBoard === 'function')
+          await selectBoard({ kind: 'episode', name: sceneName, handle: sceneHandle });
+      } catch (e) {
+        console.warn('[createNewCloudProject] auto-scene failed:', e?.message || e);
+      }
     } catch (e) {
       alert('Не удалось создать облачный проект: ' + (e?.message || e));
     }
@@ -917,8 +929,39 @@
     // Переинициализируем видимость кнопок раз в 5 сек — для случая когда юзер
     // login/logout в Chatium через настройки (нет других сигналов).
     setInterval(setCloudButtonsVisibility, 5000);
+    // ?clone=<sourceId> — приход от /app/spaces/client/clone после авторизации.
+    // Юзер был аноним, нажал «Скопировать себе», ушёл в auth, вернулся сюда.
+    // Делаем POST clone, чистим query-параметр и открываем новый проект.
+    autoCloneFromUrl().catch(e => console.warn('[autoClone] failed:', e?.message || e));
   });
 
+  async function autoCloneFromUrl() {
+    const m = location.search.match(/[?&]clone=([^&]+)/);
+    if (!m) return;
+    const sourceId = decodeURIComponent(m[1]);
+    // Сразу подчищаем URL чтобы reload не повторял клон.
+    try {
+      const params = new URLSearchParams(location.search);
+      params.delete('clone');
+      const search = params.toString();
+      history.replaceState(null, '', location.pathname + (search ? '?' + search : '') + location.hash);
+    } catch {}
+    const r = await fetch('/api/proj/clone?id=' + encodeURIComponent(sourceId), {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({}),
+    });
+    if (!r.ok) {
+      const e = await r.json().catch(() => ({}));
+      alert('Не удалось клонировать: ' + (e.error || 'HTTP ' + r.status));
+      return;
+    }
+    const created = await r.json();
+    try { localStorage.removeItem('cloudProjectsCache'); } catch {}
+    // #project=<newId> — edit-mode для нового владельца.
+    history.replaceState(null, '', location.pathname + location.search + '#project=' + created.id);
+    await openCloudProject(created.id, created.name, { forceRefresh: true });
+  }
+
   // Вызывается из openFilm / closeProject (через хук в board.js).
   window.cloudProjects = {
     setVisibility: setCloudButtonsVisibility,

package/renderer/drawings.js

@@ -1,14 +1,22 @@
-// renderer/drawings.js — рисование стрелок на холсте.
+// renderer/drawings.js — рисование краской на холсте.
+//
+// По просьбе юзера: «у стрелки убери наконечник. пусть будет просто
+// рисование краской». arrowHead() и связанный код мёртвый, но оставлен
+// для совместимости со старыми node-данными (node.arrow !== false теперь
+// всегда трактуется как false при рендере).
+//
+// Доисторический комментарий ниже:
 //
 // Юзерская команда: «стрелка это нода». Поэтому drag по холсту создаёт
 // обычную ноду `type:'drawing'` со своим bbox + points. Дальше всё что
 // можно делать с нодой работает «бесплатно»: select, drag, Backspace/×,
 // Cmd-Z (через pushHistory ДО мутации), сохранение в scene.json.
 //
-// 3 инструмента (toolbar [data-draw-tool="…"]):
-//   • pencil — тонкая серая линия
-//   • lead   — средне-чёрная
-//   • paint  — толстая жёлтая
+// 1 инструмент (toolbar [data-draw-tool="paint"]):
+//   • paint — толстая жёлтая стрелка
+// (Раньше было 3 — pencil/lead/paint; по просьбе юзера оставили только
+// краску. toolStyle всё-равно содержит остальные стили на случай если
+// старые ноды в манифесте имеют tool:'pencil'|'lead' — они отрендерятся.)
 //
 // Хранение в node:
 //   { id, type:'drawing', tool, x, y, width, height, points: [[relX, relY],…] }
@@ -106,17 +114,6 @@
     line.setAttribute('stroke-linecap', 'round');
     line.setAttribute('stroke-linejoin', 'round');
     svg.appendChild(line);
-    if (node.arrow !== false) {
-      const head = arrowHead(node.points || [], st.headSize);
-      if (head) {
-        const tri = document.createElementNS(SVG_NS, 'polygon');
-        tri.setAttribute('class', 'head');
-        tri.setAttribute('points', head);
-        tri.setAttribute('fill', color);
-        tri.setAttribute('opacity', st.opacity);
-        svg.appendChild(tri);
-      }
-    }
     el.appendChild(svg);
     return svg;
   }
@@ -152,14 +149,6 @@
     line.setAttribute('stroke-linecap', 'round');
     line.setAttribute('stroke-linejoin', 'round');
     g.appendChild(line);
-    const head = arrowHead(points, st.headSize);
-    if (head) {
-      const tri = document.createElementNS(SVG_NS, 'polygon');
-      tri.setAttribute('points', head);
-      tri.setAttribute('fill', st.color);
-      tri.setAttribute('opacity', st.opacity);
-      g.appendChild(tri);
-    }
     svg.appendChild(g);
     _previewEl = g;
   }
@@ -168,7 +157,10 @@
   }
 
   function setTool(tool) {
-    if (_draw.tool === tool) tool = null;
+    // НЕ toggle (раньше клик той же кнопки → tool=null; ломалось когда
+    // _draw.tool оставался stuck после потерянного mouseup → следующий
+    // клик кнопки toggle'ил в null, юзер думал что активен).
+    // Деактивация: Esc, или автоматически после draw'а в _onMouseUp.
     _draw.tool = tool;
     const c = document.getElementById('canvas');
     if (c) c.style.cursor = tool ? 'crosshair' : '';
@@ -180,7 +172,13 @@
   function _onMouseDown(e) {
     if (!_draw.tool) return;
     if (e.button !== 0) return;
-    if (e.target.closest('.node')) return;
+    // Раньше: `if (e.target.closest('.node')) return` — это блокировало
+    // draw'ы внутри bbox существующей drawing-ноды (вокруг нарисованного
+    // штриха PAD=22px пустого пространства, всё ловит mousedown drawing-
+    // ноды для drag). Юзер: «если нарисовал стрелку, а потом что-то сделал,
+    // клик по краске не даёт рисовать дальше». Теперь когда draw-tool
+    // активен — любой клик на canvas начинает draw, e.stopPropagation
+    // ниже гасит bubble в node.drag-handler.
     e.preventDefault();
     e.stopPropagation();
     const { x, y } = _canvasCoord(e);
@@ -206,6 +204,10 @@
     const pts = _draw.current.points;
     const tool = _draw.current.tool;
     _draw.current = null;
+    // Юзер: «после рисования стрелки отпускай кнопку рисования». Возврат
+    // в обычный select-mode после каждого draw — снимает active-стейт
+    // с toolbar-кнопки и убирает crosshair-курсор.
+    setTool(null);
     if (pts.length < 3) return;   // случайный клик → игнор
     // BBox + relative-points + padding под линию и arrowhead.
     const PAD = 22;

package/renderer/generate.js

@@ -228,9 +228,18 @@ document.querySelectorAll('#addMenu button').forEach(btn => {
 
 async function addTextAt(pos) {
   if (!state.currentBoard) return;
-  const rect = canvas.getBoundingClientRect();
-  const x = pos ? (pos.clientX - rect.left) / state.zoom : canvasWrap.scrollLeft / state.zoom + 80;
-  const y = pos ? (pos.clientY - rect.top)  / state.zoom : canvasWrap.scrollTop  / state.zoom + 80;
+  let x, y;
+  if (pos) {
+    const rect = canvas.getBoundingClientRect();
+    x = (pos.clientX - rect.left) / state.zoom;
+    y = (pos.clientY - rect.top)  / state.zoom;
+  } else {
+    // Без позиции (клик по «Написать» в toolbar) — кладём в свободное место
+    // ВИДИМОЙ зоны. Раньше использовали scrollLeft+80 без учёта canvas-padding
+    // → нода уезжала за вьюпорт (padX=2000 в canvas-frame).
+    const spot = findFreeSpot();
+    x = spot.x; y = spot.y;
+  }
   const dir = await getOrCreateBoardSubdir(state.currentBoard.handle, 'texts');
   const mdName = await uniqueName(dir, 'text.md');
   await writeFile(dir, mdName, '');
@@ -238,6 +247,7 @@ async function addTextAt(pos) {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
 }
 
 // Label-нода: лёгкая надпись поверх холста, без файла. Текст хранится
@@ -245,9 +255,15 @@ async function addTextAt(pos) {
 // удаляется при сериализации).
 async function addLabelAt(pos) {
   if (!state.currentBoard) return;
-  const rect = canvas.getBoundingClientRect();
-  const x = pos ? (pos.clientX - rect.left) / state.zoom : canvasWrap.scrollLeft / state.zoom + 80;
-  const y = pos ? (pos.clientY - rect.top)  / state.zoom : canvasWrap.scrollTop  / state.zoom + 80;
+  let x, y;
+  if (pos) {
+    const rect = canvas.getBoundingClientRect();
+    x = (pos.clientX - rect.left) / state.zoom;
+    y = (pos.clientY - rect.top)  / state.zoom;
+  } else {
+    const spot = findFreeSpot();
+    x = spot.x; y = spot.y;
+  }
   const node = {
     id: crypto.randomUUID(),
     type: 'label',
@@ -261,6 +277,7 @@ async function addLabelAt(pos) {
   const el = await createNodeEl(node);
   canvas.appendChild(el);
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   // Сразу входим в режим редактирования и выделяем весь текст —
   // юзер начинает печатать, и «Подпись» заменяется на введённое.
   setTimeout(() => {
@@ -457,6 +474,7 @@ async function openGenModal(kind) {
   setTimeout(() => $('genPrompt').focus(), 50);
 }
 
+$('addText').addEventListener('click', () => addTextAt(null));
 $('genImage').addEventListener('click', () => openGenModal('image'));
 $('genVideo').addEventListener('click', () => openGenModal('video'));
 $('genAudio').addEventListener('click', () => openGenModal('audio'));
@@ -523,6 +541,7 @@ $('textGenSubmit').addEventListener('click', async () => {
   canvas.appendChild(await createNodeEl(node));
   if (pendingFrom) addConnection(pendingFrom, node.id);
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   $('textGenModal').classList.add('hidden');
   // Фоновая генерация — модалку уже закрыли.
   runTextJob(node, resolvedPrompt, model, state.currentBoard.handle, state.currentBoard.key, imageRefs);
@@ -730,6 +749,7 @@ $('sfxSubmit').addEventListener('click', async () => {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   runSfxJob(node, text, durationSeconds, state.currentBoard.handle, state.currentBoard.key);
 });
 
@@ -862,6 +882,7 @@ $('musicSubmit').addEventListener('click', async () => {
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
   scheduleSave();
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
   runMusicJob(node, prompt, durationMs, state.currentBoard.handle, state.currentBoard.key);
 });
 
@@ -1632,6 +1653,7 @@ $('genSubmit').addEventListener('click', async () => {
       addConnection(state.pendingConnectionFrom, node.id);
       state.pendingConnectionFrom = null;
     }
+    if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
     if (saveOnly) {
       scheduleSave();
       $('genModal').classList.add('hidden');
@@ -1784,6 +1806,7 @@ $('genSubmit').addEventListener('click', async () => {
   if (saveOnly) node.status = 'draft';
   state.currentBoard.metadata.nodes.push(node);
   canvas.appendChild(await createNodeEl(node));
+  if (typeof selectAndPanToNode === 'function') selectAndPanToNode(node);
 
   // Async auto-name через LLM. НЕ блокируем — нода уже на холсте.
   // Когда LLM ответит — обновим node.name + DOM. Дедуп через uniqueNodeName.

package/renderer/media.js

@@ -1035,7 +1035,10 @@ function getReferenceableNodes() {
 function getMentionSuggestions(kind) {
   if (!state.currentBoard) return [];
   // Текстовые ноды разрешены везде: resolveMentions инлайнит их .md прямо в промпт.
-  const allowed = kind === 'image' ? ['image', 'text']
+  // Видео-рефы разрешены и для image-генерации (нек-рые модели принимают
+  // видео-фреймы как референс; даже если модель проигнорирует — лучше дать
+  // юзеру выбор, чем не пускать в попап).
+  const allowed = kind === 'image' ? ['image', 'video', 'text']
                 : kind === 'video' ? ['image', 'video', 'audio', 'text']
                 : ['text', 'image', 'video', 'audio'];
   const out = [];
@@ -1287,7 +1290,8 @@ function updateMentionPopup() {
     const imgQuery = query.slice(dotIdx + 1);
     if (ownerName === '__scene') {
       // Drilldown в ноды ТЕКУЩЕЙ доски (тип фильтруем по genKind).
-      const allowed = state.genKind === 'image' ? ['image', 'text']
+      // image-gen теперь принимает видео-рефы тоже.
+      const allowed = state.genKind === 'image' ? ['image', 'video', 'text']
                     : state.genKind === 'video' ? ['image', 'video', 'audio', 'text']
                     : ['text', 'image', 'video', 'audio'];
       const seen = new Set();
@@ -1373,7 +1377,9 @@ function updateMentionPopup() {
     // лишний шум когда в проекте много персонажей/локаций. Click →
     // selectMention вставит [@__scene. и реоткроет popup в drilldown.
     // Если у текущей доски НЕТ нод вообще — пункт не показываем.
-    const allowed = state.genKind === 'image' ? ['image', 'text']
+    // image-gen теперь тоже принимает видео-рефы (см. комментарий в
+    // getMentionSuggestions). Держим в синхроне с тем filter'ом.
+    const allowed = state.genKind === 'image' ? ['image', 'video', 'text']
                   : state.genKind === 'video' ? ['image', 'video', 'audio', 'text']
                   : ['text', 'image', 'video', 'audio'];
     const boardHasNodes = (state.currentBoard?.metadata?.nodes || []).some(n =>

package/renderer/settings.js

@@ -273,13 +273,38 @@ async function renderNodeBody(node, body) {
     const wrap = document.createElement('div');
     wrap.className = 'gen-error';
     const errStr = String(node.error || '');
+    // Спец-кейс: «Недостаточно кредитов» от chatium-billing.
+    // Шапка ошибки от chatium громоздкая («Неизвестная ошибка при обращении
+    // к https://kingkont.ru/spaces/server/api/text … runUgcRequest …»).
+    // Заменяем на короткое «Не хватает баланса» + bright-green «Пополнить».
+    const isInsufficient = /Недостаточно кредитов|Insufficient (credits|balance)/i.test(errStr);
     const errBlock = document.createElement('div');
-    // Делаем text selectable — для копирования при необходимости.
     errBlock.style.cssText = 'user-select: text; -webkit-user-select: text; cursor: text; word-break: break-word; margin-bottom: 8px;';
-    errBlock.textContent = errStr || 'Ошибка генерации';
+    if (isInsufficient) {
+      errBlock.style.fontSize = '14px';
+      errBlock.style.fontWeight = '600';
+      errBlock.innerHTML = '💳 Не хватает баланса';
+    } else {
+      errBlock.textContent = errStr || 'Ошибка генерации';
+    }
     wrap.appendChild(errBlock);
-    // Кнопка «Скопировать» — для длинных server-ошибок.
-    if (errStr) {
+    if (isInsufficient) {
+      const topup = document.createElement('button');
+      topup.textContent = '💚 Пополнить';
+      topup.style.cssText = 'background:#16a34a;color:#fff;border:none;padding:8px 16px;border-radius:5px;font-weight:600;cursor:pointer;margin-right:6px;box-shadow:0 1px 4px rgba(0,0,0,0.2);';
+      topup.addEventListener('mouseenter', () => { topup.style.background = '#15803d'; });
+      topup.addEventListener('mouseleave', () => { topup.style.background = '#16a34a'; });
+      topup.addEventListener('click', e => {
+        e.stopPropagation();
+        // Web: новая вкладка с billing-страницей.
+        // Electron: setWindowOpenHandler в main.js перенаправит в shell.openExternal.
+        window.open('https://kingkont.ru/app/spaces/billing', '_blank', 'noopener');
+      });
+      wrap.appendChild(topup);
+    }
+    // Кнопка «Скопировать» — для длинных server-ошибок. Для insufficient-кейса
+    // не показываем (юзер не дебажит, ему нужно пополниться).
+    if (errStr && !isInsufficient) {
       const copyBtn = document.createElement('button');
       copyBtn.textContent = '📋 Скопировать';
       copyBtn.style.marginRight = '6px';
@@ -892,6 +917,9 @@ function attachDrag(el, node) {
   // шрифта/размера через ПКМ refreshNodeDOM пересоздаёт DOM-элемент
   // .label-text, и старый listener умирает вместе со старым элементом.
   if (header) header.addEventListener('mousedown', makeDragHandler(el, node));
+  // Drawing-нода (стрелка) — header нет, .node сам и есть hit-target.
+  // Без этого нода-стрелка не двигалась с момента создания.
+  else if (node.type === 'drawing') el.addEventListener('mousedown', makeDragHandler(el, node));
 }
 
 // Создаёт drag-handler для конкретной (el, node) пары. Вынесено отдельно

package/renderer/styles.css

@@ -110,6 +110,12 @@
     width: 36px; height: 36px; flex-shrink: 0; object-fit: contain;
     background: #1a1a1a; border-radius: 8px; padding: 4px;
   }
+  /* Brand-logo и welcome-logo всегда кликабельны (на главной → ничего,
+     в проекте → возврат на welcome, dblclick → настройки). cursor:pointer
+     ставится и в HTML inline, но в web chatium-минифайер иногда срывает
+     inline-стили на тегах внутри минифицированного HTML — CSS-правило
+     надёжнее. */
+  #brandLogo, #welcomeLogo { cursor: pointer; }
   .sidebar-header .recent-film {
     display: block; font-size: 12px; color: #888; text-decoration: none;
     padding: 6px 10px; border-radius: 4px; word-break: break-all;
@@ -205,11 +211,11 @@
   .welcome { display: none; }
   body.no-project .welcome {
     display: flex; position: fixed; inset: 0; z-index: 50;
-    flex-direction: column; align-items: center;
+    flex-direction: column;
     background: #1a1a1a;
     -webkit-app-region: drag;
-    padding-top: 64px;
-    overflow: hidden;  /* recents скроллятся внутри своего блока */
+    padding-top: 48px;
+    overflow-y: auto;  /* вся страница скроллится, не отдельные блоки */
   }
   body.no-project .sidebar, body.no-project .main, body.no-project .preview-panel { display: none !important; }
   /* Preview-панель видна ТОЛЬКО когда таймлайн открыт. Закрыли таймлайн —
@@ -217,28 +223,33 @@
      торчащий тёмный «остаток» справа, который мешает. */
   body:has(.timeline-panel.hidden) .preview-panel { display: none !important; }
   .welcome-inner {
-    display: flex; flex-direction: column; align-items: center; gap: 12px;
+    display: flex; flex-direction: column;
     width: 100%; max-width: none; padding: 0;
-    flex: 1; min-height: 0;  /* нужно для child overflow */
     -webkit-app-region: no-drag;
   }
   .welcome-header {
-    display: flex; flex-direction: column; align-items: center; gap: 12px;
-    flex-shrink: 0;  /* всегда сверху, не сжимается под recents */
-    padding: 0 32px;
+    /* Юзер: «логотип выровняй по левой границе, название KingKont и версию —
+       справа от логотипа». Раньше column (logo сверху, title под ним по центру). */
+    display: flex; flex-direction: row; align-items: center; gap: 16px;
+    flex-shrink: 0;
+    padding: 0 52px;
+    margin-bottom: 24px;
   }
   .welcome-logo {
-    width: 96px; height: 96px; object-fit: contain;
-    background: #1f1f1f; border-radius: 16px; padding: 8px;
-    box-shadow: 0 4px 32px rgba(227, 51, 119, 0.18);
+    /* Юзер: «убери тень и padding». Лого как простая иконка, без подложки. */
+    width: 56px; height: 56px; object-fit: contain;
+    background: transparent; border-radius: 0; padding: 0;
+    box-shadow: none;
   }
-  .welcome-title { font-size: 28px; font-weight: 600; color: #e0e0e0; margin: 8px 0 0; }
+  .welcome-title { font-size: 24px; font-weight: 600; color: #e0e0e0; margin: 0; }
   .welcome-version {
     font-size: 13px; font-weight: 400; color: #666;
     font-family: ui-monospace, 'SF Mono', monospace;
     vertical-align: middle; margin-left: 6px;
   }
-  .welcome-sub { font-size: 12px; color: #888; letter-spacing: 0.5px; text-transform: uppercase; }
+  /* В row-layout «Видео-редактор» рядом с title выглядит избыточно —
+     KingKont сам по себе говорит достаточно. */
+  .welcome-sub { display: none; }
   /* Топ-правый блок welcome-экрана: identity + balances. Положение fixed,
      чтобы не зависеть от центрированной .welcome-inner колонки. */
   .welcome-status {
@@ -480,18 +491,22 @@
   }
   .welcome-open:hover { background: #4a6a9a; }
   .welcome-recent {
-    margin-top: 36px; width: 100%;
-    flex: 1; min-height: 0;
+    /* Расстояние между секциями (Действия / Мои проекты / Расшарено мне).
+       Сначала уменьшили с 36 до 18, юзер: «чуть больше» → 28px. */
+    margin-top: 28px; width: 100%;
     display: flex; flex-direction: column;
   }
   .welcome-recent-title {
+    /* Юзер: «заголовки перенеси налево, а не в центре». Padding-left
+       совпадает с padding'ом grid'а (52px) для визуального выравнивания
+       с первой карточкой. */
     font-size: 11px; color: #666; text-transform: uppercase; letter-spacing: 0.6px;
-    margin-bottom: 14px; text-align: center;
+    margin-bottom: 8px; text-align: left;
+    padding: 0 52px;
     flex-shrink: 0;
   }
   /* Recents — плитка (responsive grid). Карточки фиксированной ширины,
-     заполняют ряд слева направо, при нехватке места переносятся. Скроллится
-     вертикально, если карточек много. */
+     заполняют ряд слева направо, при нехватке места переносятся. */
   .welcome-recent-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@@ -501,11 +516,9 @@
        визуально наезжают друг на друга — именно это юзер видел в Electron. */
     grid-auto-rows: max-content;
     gap: 16px;
-    overflow-y: auto; overflow-x: hidden;
-    padding: 8px 52px 24px;
+    padding: 0 52px 8px;
     align-content: start;
   }
-  .welcome-recent-grid::-webkit-scrollbar { width: 8px; }
 
   /* === Глобальные dark-scrollbars === */
   /* Firefox */