kingkont 0.11.5 → 0.12.0

package/main.js

@@ -745,6 +745,20 @@ ipcMain.handle('cloudFs:openInFinder', async (_e, projectId) => {
   }
 });
 
+// Универсальный shell.openPath — для папочных проектов где знаем абс-путь.
+// Renderer выводит путь через webUtils.getPathForFile (см. appPath.pathForFile
+// в preload). Безопасность: shell.openPath сам проверяет что path существует
+// + macOS sandbox предотвращает «поход куда не следует».
+ipcMain.handle('shell:openPath', async (_e, absPath) => {
+  if (!absPath || typeof absPath !== 'string') return { ok: false, error: 'no path' };
+  try {
+    const err = await shell.openPath(absPath);
+    return { ok: !err, error: err || null };
+  } catch (e) {
+    return { ok: false, error: e.message };
+  }
+});
+
 ipcMain.handle('window:close', () => {
   if (win && !win.isDestroyed()) win.close();
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kingkont",
-  "version": "0.11.5",
+  "version": "0.12.0",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/preload.js

@@ -93,6 +93,16 @@ contextBridge.exposeInMainWorld('claudeMd', {
   installSkill: () => ipcRenderer.invoke('claudeMd:installSkill'),
 });
 
+// Filesystem-path utils. Нужно для «Открыть в Finder» папочных проектов:
+// FSAH directoryHandle не даёт абс-путь, но webUtils.getPathForFile(file)
+// — даёт. Берём любой файл изнутри папки → парсим parent → openPath.
+contextBridge.exposeInMainWorld('appPath', {
+  pathForFile: (file) => {
+    try { return webUtils.getPathForFile(file) || null; } catch { return null; }
+  },
+  openPath: (absPath) => ipcRenderer.invoke('shell:openPath', absPath),
+});
+
 // Cloud-projects: тонкая обёртка над userData/cloud-projects/<id>/.
 // Используется renderer'ом в режиме «облачного проекта» (без showDirectoryPicker).
 // На веб-версии (без preload) — undefined; web-shell использует in-memory модель

package/renderer/board.js

@@ -642,6 +642,7 @@ function makeRecentWelcomeCard(r) {
 
 // ПКМ-меню для recent (folder) welcome-карточки. По аналогии с cloud:
 // «Сохранить как шаблон» (открывает проект → saveCurrentProjectAsTemplate)
+// + «Открыть в Finder» (абс-путь через webUtils.getPathForFile)
 // + «Убрать из недавних».
 function showRecentCardContextMenu(r, clientX, clientY) {
   const menu = $('nodeMenu');
@@ -654,6 +655,21 @@ function showRecentCardContextMenu(r, clientX, clientY) {
     b.addEventListener('click', () => { menu.classList.add('hidden'); fn(); });
     menu.appendChild(b);
   };
+  add('📂 Открыть в Finder', async () => {
+    if (!r.handle || !window.appPath?.pathForFile || !window.appPath?.openPath) {
+      alert('Доступно только в Electron-приложении');
+      return;
+    }
+    try {
+      let g = (await r.handle.queryPermission({ mode: 'read' })) === 'granted';
+      if (!g) g = (await r.handle.requestPermission({ mode: 'read' })) === 'granted';
+      if (!g) { alert('Доступ к папке не подтверждён.'); return; }
+      const folderPath = await deriveFolderAbsPath(r.handle);
+      if (!folderPath) { alert('Не удалось определить путь к папке (нет файлов внутри).'); return; }
+      const res = await window.appPath.openPath(folderPath);
+      if (!res?.ok) alert('Не удалось открыть: ' + (res?.error || 'unknown'));
+    } catch (e) { alert('Ошибка: ' + (e?.message || e)); }
+  });
   add('💾 Сохранить как шаблон…', async () => {
     if (!r.handle) { alert('Handle потерян, сначала открой проект и сохрани заново.'); return; }
     try {
@@ -676,6 +692,43 @@ function showRecentCardContextMenu(r, clientX, clientY) {
   setTimeout(() => document.addEventListener('mousedown', closeNodeMenu, { once: true }), 0);
 }
 
+// Получить абс-путь FSAH-папки. webUtils.getPathForFile работает только
+// для File объектов (не для DirectoryHandle), поэтому ищем любой файл
+// внутри и берём parent. Тестируем: scene.json в любом board → up 2 dirs.
+// Или meta-файл в корне → up 1 dir. Если ничего нет — возвращаем null.
+async function deriveFolderAbsPath(filmHandle) {
+  if (!window.appPath?.pathForFile) return null;
+  // 1) Любой файл в корне (например .kingkont-meta.json или .cover.*).
+  try {
+    for await (const [name, h] of filmHandle.entries()) {
+      if (h.kind === 'file' && !name.startsWith('.git') && !name.startsWith('node_modules')) {
+        const file = await h.getFile();
+        const p = window.appPath.pathForFile(file);
+        if (p) return p.replace(/[\/\\][^\/\\]+$/, '');
+      }
+    }
+  } catch {}
+  // 2) Файл из подпапки (любой board) — up 2 уровня.
+  try {
+    for await (const [, dirH] of filmHandle.entries()) {
+      if (dirH.kind !== 'directory' || dirH.name.startsWith('.')) continue;
+      try {
+        for await (const [name2, h2] of dirH.entries()) {
+          if (h2.kind === 'file') {
+            const file = await h2.getFile();
+            const p = window.appPath.pathForFile(file);
+            if (p) {
+              // up 2: removes filename + parent dir name
+              return p.replace(/[\/\\][^\/\\]+[\/\\][^\/\\]+$/, '');
+            }
+          }
+        }
+      } catch {}
+    }
+  } catch {}
+  return null;
+}
+
 // Карточка облачного проекта. Визуально такая же как у папочного, плюс
 // ☁ бейдж в углу обложки. Клик → cloudProjects.open() (использует local
 // cache если синхронизирован, иначе скачивает manifest+файлы).
@@ -1772,7 +1825,11 @@ async function selectBoard(board) {
     scheduleUpdatePreview();
   }
 
-  // Восстановить pan/zoom доски
+  // Восстановить pan/zoom доски. Default-scroll выставляем на canvas-pad-x/y
+  // (см. styles.css .canvas-frame), чтобы canvas (0,0) был виден в top-left.
+  // Без этого пользователь видел бы пустой padding слева/сверху.
+  const padX = parseInt(getComputedStyle(document.querySelector('.canvas-frame')).getPropertyValue('--canvas-pad-x')) || 2000;
+  const padY = parseInt(getComputedStyle(document.querySelector('.canvas-frame')).getPropertyValue('--canvas-pad-y')) || 1500;
   const view = state.currentBoard.metadata.view;
   if (view) {
     if (typeof view.zoom === 'number') {
@@ -1780,14 +1837,21 @@ async function selectBoard(board) {
       applyZoomStyles(state.zoom);
       $('zoomLabel').textContent = Math.round(state.zoom * 100) + '%';
     }
-    if (typeof view.scrollLeft === 'number') canvasWrap.scrollLeft = view.scrollLeft;
-    if (typeof view.scrollTop  === 'number') canvasWrap.scrollTop  = view.scrollTop;
+    // ВАЖНО: для backward-compat старых view (где scrollLeft/Top сохранены
+    // БЕЗ padding'а — до этой фичи) добавляем padding к сохранённому
+    // значению. Если view свежий и >= padding'а, считаем что padding уже учтён.
+    if (typeof view.scrollLeft === 'number') {
+      canvasWrap.scrollLeft = view.scrollLeft >= padX ? view.scrollLeft : view.scrollLeft + padX;
+    } else canvasWrap.scrollLeft = padX;
+    if (typeof view.scrollTop === 'number') {
+      canvasWrap.scrollTop = view.scrollTop >= padY ? view.scrollTop : view.scrollTop + padY;
+    } else canvasWrap.scrollTop = padY;
   } else {
     state.zoom = 1;
     applyZoomStyles(1);
     $('zoomLabel').textContent = '100%';
-    canvasWrap.scrollLeft = 0;
-    canvasWrap.scrollTop = 0;
+    canvasWrap.scrollLeft = padX;
+    canvasWrap.scrollTop = padY;
   }
 
   // Возобновить незавершённые джобы текущей доски

package/renderer/chat.js

@@ -104,10 +104,14 @@
       async handler({ type, name, prompt, x, y, text, modelKey }) {
         if (!state.currentBoard) throw new Error('доска не выбрана');
         if (!['image','video','audio','text','label'].includes(type)) throw new Error(`unknown type: ${type}`);
-        // Авто-координаты — справа от последней ноды.
+        // Авто-координаты — справа от последней ноды. Clamp к >= 50, чтобы
+        // нода не ушла в отрицательные координаты (canvas начинается с 0,0,
+        // негативные позиции невидимы без скролла).
         const last = state.currentBoard.metadata.nodes[state.currentBoard.metadata.nodes.length - 1];
-        const nx = typeof x === 'number' ? x : (last ? last.x + 320 : 100);
-        const ny = typeof y === 'number' ? y : (last ? last.y : 100);
+        let nx = typeof x === 'number' ? x : (last ? last.x + 320 : 100);
+        let ny = typeof y === 'number' ? y : (last ? last.y : 100);
+        if (nx < 50) nx = 50;
+        if (ny < 50) ny = 50;
         const id = (crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2));
         const node = { id, type, x: nx, y: ny };
         if (name) node.name = name;
@@ -181,6 +185,119 @@
       },
     },
 
+    list_timeline: {
+      description: 'Список дорожек и клипов таймлайна текущей доски. Возвращает {tracks: [{id, name, kind, clips: [{id, nodeId, file, start, duration, name}]}], totalDuration}.',
+      params: '{}',
+      async handler() {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        if (typeof getTimeline !== 'function') throw new Error('getTimeline недоступен');
+        const tl = getTimeline();
+        const tracks = (tl?.tracks || []).map(t => ({
+          id: t.id, name: t.name, kind: t.kind,
+          clips: (t.clips || []).map(c => ({
+            id: c.id, nodeId: c.nodeId || null, type: c.type,
+            file: c.file || null, name: c.name || null,
+            start: c.start || 0, duration: c.duration || 0,
+          })),
+        }));
+        const totalDuration = tracks.reduce((max, t) => Math.max(
+          max,
+          (t.clips || []).reduce((m, c) => Math.max(m, (c.start || 0) + (c.duration || 0)), 0),
+        ), 0);
+        return { tracks, totalDuration };
+      },
+    },
+
+    add_clip_to_timeline: {
+      description: 'Добавить ноду как клип в таймлайн. trackKind="video" для image/video, "audio" для audio. Если start не задан — добавляется в конец дорожки.',
+      params: '{"nodeId":"<node-id>","trackKind":"video|audio","start":<seconds (optional)>,"duration":<seconds (optional, default по типу)>}',
+      async handler({ nodeId, trackKind, start, duration }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const node = b.metadata.nodes.find(n => n.id === nodeId);
+        if (!node) throw new Error(`нода не найдена: ${nodeId}`);
+        if (!node.file) throw new Error('у ноды нет файла (нужно сначала сгенерировать)');
+        if (typeof getTimeline !== 'function') throw new Error('getTimeline недоступен');
+        const tl = getTimeline();
+        const tk = trackKind === 'audio' ? 'audio' : 'video';
+        let track = tl.tracks.find(t => t.kind === tk);
+        if (!track) {
+          track = { id: crypto.randomUUID(), name: tk === 'audio' ? 'Аудио' : 'Видео', kind: tk, clips: [] };
+          tl.tracks.push(track);
+        }
+        const trackEnd = track.clips.reduce((m, c) => Math.max(m, (+c.start || 0) + (+c.duration || 0)), 0);
+        const dur = typeof duration === 'number' && duration > 0
+          ? duration
+          : (typeof defaultClipDuration === 'function' ? defaultClipDuration(node) : (node.type === 'image' ? 3 : 5));
+        const clip = {
+          id: crypto.randomUUID(),
+          nodeId: node.id,
+          type: node.type === 'audio' ? 'audio' : (node.type === 'video' ? 'video' : 'image'),
+          file: node.file,
+          name: node.name || null,
+          duration: dur,
+          start: typeof start === 'number' ? Math.max(0, start) : trackEnd,
+        };
+        track.clips.push(clip);
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true, clipId: clip.id, trackId: track.id, start: clip.start, duration: clip.duration };
+      },
+    },
+
+    remove_clip_from_timeline: {
+      description: 'Удалить клип из таймлайна по clipId.',
+      params: '{"clipId":"<clip-id>"}',
+      async handler({ clipId }) {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const tl = getTimeline();
+        if (!tl) throw new Error('нет таймлайна');
+        let removed = false;
+        for (const t of tl.tracks) {
+          const i = t.clips.findIndex(c => c.id === clipId);
+          if (i >= 0) { t.clips.splice(i, 1); removed = true; break; }
+        }
+        if (!removed) throw new Error(`клип не найден: ${clipId}`);
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true };
+      },
+    },
+
+    clear_timeline: {
+      description: 'Очистить таймлайн (все клипы со всех дорожек). Дорожки остаются.',
+      params: '{}',
+      async handler() {
+        const b = state.currentBoard;
+        if (!b) throw new Error('доска не выбрана');
+        const tl = getTimeline();
+        if (!tl) throw new Error('нет таймлайна');
+        for (const t of tl.tracks) t.clips = [];
+        scheduleSave();
+        if (!document.getElementById('timelinePanel').classList.contains('hidden')) {
+          if (typeof renderTimeline === 'function') renderTimeline();
+        }
+        return { ok: true };
+      },
+    },
+
+    open_timeline: {
+      description: 'Раскрыть панель таймлайна (если скрыта).',
+      params: '{}',
+      async handler() {
+        const panel = document.getElementById('timelinePanel');
+        if (!panel) throw new Error('timeline panel не найдена');
+        if (panel.classList.contains('hidden')) document.getElementById('timelineBtn')?.click();
+        return { ok: true };
+      },
+    },
+
     generate_node: {
       description: 'Запустить генерацию для draft-ноды (image/video/audio/text). Стартует напрямую в фоне БЕЗ показа диалога — не интерактивная UI-форма как regenerateNode.',
       params: '{"id":"<node-id>"}',

package/renderer/styles.css

@@ -303,17 +303,25 @@
     color: #e0e0e0; white-space: pre-wrap; word-break: break-word;
   }
   .chat-tool {
-    margin-top: 2px; background: #0e0e0e; border: 1px solid #2a2a2a;
-    border-radius: 3px; padding: 2px 6px; font-size: 11px;
+    margin-top: 2px; background: transparent; border: none;
+    padding: 0; font-size: 10.5px; color: #666;
   }
   .chat-tool summary {
-    cursor: pointer; color: #aac; outline: none;
+    cursor: pointer; color: #666; outline: none; opacity: 0.75;
     font-family: ui-monospace, 'SF Mono', monospace;
+    list-style: none; padding: 1px 4px;
+    transition: color 0.1s, opacity 0.1s;
   }
+  .chat-tool summary::-webkit-details-marker { display: none; }
+  .chat-tool summary::before {
+    content: '▸ '; color: #555; font-size: 9px;
+  }
+  .chat-tool[open] summary::before { content: '▾ '; }
+  .chat-tool summary:hover { color: #aaa; opacity: 1; }
   .chat-tool pre {
-    margin: 6px 0 0; color: #888; font-size: 10px;
+    margin: 4px 0 4px 14px; color: #777; font-size: 10px;
     white-space: pre-wrap; word-break: break-all; max-height: 200px;
-    overflow-y: auto;
+    overflow-y: auto; background: #161616; padding: 4px 6px; border-radius: 3px;
   }
   .chat-status {
     color: #888; font-size: 11px; padding: 6px 10px;
@@ -511,12 +519,22 @@
     background-image: radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
     background-size: 24px 24px;
   }
+  /* canvas-frame даёт virtual coord-system: canvas внутри сдвинут на
+     PADDING_LEFT/PADDING_TOP (см. CSS-переменные ниже). Это позволяет
+     юзеру скроллить в «отрицательные» координаты (нода с x=-500 видна
+     в frame-координатах = PADDING + (-500) = 1500). Без этого ноды с
+     отрицательным x/y оставались за левым краем и были недоступны. */
   .canvas-frame {
     position: relative;
-    width: 6000px; height: 4000px;
+    --canvas-pad-x: 2000px;
+    --canvas-pad-y: 1500px;
+    width:  calc(6000px + 2 * var(--canvas-pad-x));
+    height: calc(4000px + 2 * var(--canvas-pad-y));
   }
   .canvas {
-    position: absolute; left: 0; top: 0; width: 6000px; height: 4000px;
+    position: absolute;
+    left: var(--canvas-pad-x); top: var(--canvas-pad-y);
+    width: 6000px; height: 4000px;
     transform-origin: 0 0;
     /* `will-change: transform` — постоянная промоция в композитный слой.
        Trade-off: hover/scroll иногда вызывают re-raster плитки (~200ms