kingkont 0.8.8 → 0.9.0

package/index.html

@@ -19,6 +19,16 @@
       </div>
     </div>
     <button id="pickRoot" class="primary">Открыть проект (папку)</button>
+    <!-- ☁ Новый облачный проект — создаёт запись на Chatium (требует логин)
+         и локальную копию в userData/cloud-projects/<id>/. Работа с
+         облачным проектом идёт локально, save → explicit-кнопка ниже. -->
+    <button id="newCloudProject" class="primary" title="Создать новый проект (хранится на сервере)" style="display:none; margin-top:6px;">☁ Новый проект (облако)</button>
+    <button id="openCloudProjects" title="Открыть один из своих облачных проектов" style="display:none; margin-top:4px; font-size:12px;">📂 Мои облачные проекты…</button>
+    <!-- ☁ Сохранить на сервер — видна когда открыт ЛЮБОЙ проект
+         (cloud или папочный). Облачный — обновляет существующую запись;
+         папочный — открывает диалог «куда сохранить» (новый/обновить
+         существующий, см. saveCurrentProjectAsCloud). -->
+    <button id="saveProjectCloud" title="Загрузить весь проект на сервер" style="display:none; margin-top:6px;">☁ Сохранить на сервер</button>
     <div id="rootInfo" style="font-size: 12px; color: #aaa; word-break: break-all;"></div>
   </div>
 
@@ -41,7 +51,12 @@
       <span>Сцены</span>
       <span style="display:flex; gap:4px;">
         <button id="newEpisode" disabled title="Создать сцену">+</button>
-        <button id="openTemplates" title="Открыть библиотеку шаблонов" style="font-size:12px;">🎨</button>
+        <!-- Кнопка 🎨 «Шаблоны» убрана из sidebar'а внутри проекта:
+             scene-templates в текущей модели не используются (см. упрощение
+             concepts), а project-templates имеют смысл только с welcome-экрана.
+             Хук window.cloudProjects.openListModal() вешает её ПКМ для admin-
+             use-cases, если понадобится. -->
+        <button id="openTemplates" title="Открыть библиотеку шаблонов" style="font-size:12px; display:none;">🎨</button>
       </span>
     </h3>
     <div class="sidebar-list" id="episodeList"></div>
@@ -80,6 +95,14 @@
   <div class="preview-stage" id="previewStage">
     <video class="timeline-preview" id="timelinePreview" playsinline></video>
     <img class="timeline-preview-img hidden" id="timelinePreviewImg" alt="">
+    <!-- Overlay-controls внизу превью: play/pause + текущее/общее время + закрыть.
+         Показывается когда есть клипы. Дублирует #timelinePlay из таймлайна
+         (тот же click-handler срабатывает через эту кнопку). -->
+    <div class="preview-controls hidden" id="previewControls">
+      <button id="previewPlayBtn" title="Play / Pause">▶</button>
+      <span id="previewTimeInfo" class="preview-time">0.0 / 0.0 с</span>
+      <button id="previewCloseBtn" title="Свернуть превью">×</button>
+    </div>
   </div>
 </aside>
 
@@ -135,6 +158,7 @@
   <div class="timeline-panel hidden" id="timelinePanel">
     <div class="timeline-header">
       <strong>🎬 Таймлайн</strong>
+      <span id="timelineAspect" title="Соотношение сторон сцены — настраивается в ПКМ на board-item" style="color:#aac8e6; font-size:11px; font-family:ui-monospace, monospace; padding:1px 6px; border:1px solid #2a3854; border-radius:3px;"></span>
       <span id="timelineDuration" style="color:#888; font-size:12px;"></span>
       <span id="timelinePlayheadInfo" style="color:#888; font-size:11px; font-family:ui-monospace, monospace;">0.0 с</span>
       <span class="spacer"></span>
@@ -146,7 +170,13 @@
       <button id="timelinePlay" title="Воспроизвести">▶</button>
       <button id="timelineNative" title="Нативный плеер (mpv)" style="display:none;">🖥</button>
       <button id="timelineExport" title="Экспорт mp4 (ffmpeg)">💾</button>
-      <button id="timelineClear" title="Очистить" class="danger">⌫</button>
+      <!-- Кнопка «Удалить всё» переехала в меню «⋯» (опасное действие, не на виду). -->
+      <div class="tl-more-wrap" style="position:relative;">
+        <button id="timelineMore" title="Ещё">⋯</button>
+        <div id="timelineMoreMenu" class="add-menu hidden" style="position:absolute; top:100%; right:0; margin-top:4px; min-width:200px;">
+          <button id="timelineClear" class="danger" style="color:#f88;">⌫ Удалить всё с таймлайна</button>
+        </div>
+      </div>
       <button id="timelineClose" title="Закрыть таймлайн" style="margin-left:6px;">×</button>
     </div>
     <div class="timeline-body">
@@ -537,7 +567,10 @@
   <div class="modal-card" style="min-width: 600px; max-width: 90vw; max-height: 90vh;">
     <div style="display:flex; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap;">
       <h3 style="margin:0; flex:1;">Шаблоны</h3>
-      <button id="tplSaveCurrent" class="primary" title="Сохранить текущую сцену как шаблон">＋ Сцена</button>
+      <!-- ＋ Сцена скрыта: scene-templates по упрощённой модели больше не
+           используются (но код saveCurrentBoardAsTemplate оставлен — может
+           пригодиться). -->
+      <button id="tplSaveCurrent" class="primary" title="Сохранить текущую сцену как шаблон" style="display:none;">＋ Сцена</button>
       <button id="tplSaveProject" class="primary" title="Сохранить весь проект (все сцены, персонажи, локации) как шаблон">＋ Проект</button>
       <button id="tplRefresh" title="Обновить список">↻</button>
       <button id="tplClose">×</button>
@@ -557,12 +590,18 @@
 </div>
 
 <script src="renderer/state.js"></script>
+<!-- cloudFs.js даёт shim FileSystemDirectoryHandle для облачных проектов.
+     Грузим ДО board.js — board.js обращается к window.cloudFsShim в openFilm. -->
+<script src="renderer/cloudFs.js"></script>
 <script src="renderer/board.js"></script>
 <script src="renderer/settings.js"></script>
 <script src="renderer/media.js"></script>
 <script src="renderer/generate.js"></script>
 <script src="renderer/timeline.js"></script>
 <script src="renderer/templates.js"></script>
+<!-- cloudProjects.js — после templates.js, переиспользует TPL_PROGRESS,
+     walkBoardFiles, collectProjectBoards, uploadProjectCoverIfAny из templates.js. -->
+<script src="renderer/cloudProjects.js"></script>
 
 </body>
 </html>

package/lib/providers.js

@@ -26,6 +26,11 @@ const CHATIUM_PATHS = {
   // Формат шаблона:
   //   { id, name, kind, manifest, files: { 'frames/x.jpg': cdnUrl, ... }, createdAt }
   templates:    '/app/spaces/server/api/templates',
+  // Cloud-projects (НЕ шаблоны) — редактируемые проекты юзера на сервере.
+  // Owner-only видимость, save-to-server по explicit-кнопке.
+  // Формат:
+  //   { id, name, manifest: { boards: [{ kind, name, scene, files: {relPath: cdnUrl} }] }, files, coverUrl }
+  projects:     '/app/spaces/server/api/projects',
 };
 
 const CHATIUM_CDN = 'https://fs.chatium.ru/get';
@@ -193,8 +198,32 @@ async function kieFetch(path, options = {}) {
   return data;
 }
 
+// KIE имеет два namespace'а recordInfo: legacy `/jobs/recordInfo` и
+// «playground» `/playground/recordInfo` для nano-banana-2/pro и других
+// новых моделей. createTask унифицированный, но recordInfo — нет:
+// для playground-моделей `/jobs/recordInfo` отвечает «task id is blank».
+//
+// Поскольку из taskId не определишь какой namespace — пробуем сначала
+// один, если он отвечает 'task id is blank' → пробуем playground.
 async function kiePoll(taskId) {
-  return await kieFetch(`/api/v1/jobs/recordInfo?taskId=${encodeURIComponent(taskId)}`);
+  if (!taskId || taskId === 'undefined') {
+    throw new Error('kiePoll: taskId пустой');
+  }
+  try {
+    return await kieFetch(`/api/v1/jobs/recordInfo?taskId=${encodeURIComponent(taskId)}`);
+  } catch (e) {
+    const msg = String(e?.message || '');
+    // KIE'шный маркер «не та область» — пробуем playground-endpoint.
+    if (/task id is blank|not found|invalid task/i.test(msg)) {
+      try {
+        return await kieFetch(`/api/v1/playground/recordInfo?taskId=${encodeURIComponent(taskId)}`);
+      } catch (e2) {
+        // Если оба упали — пробрасываем оригинальную (с context на оба пути).
+        throw new Error(`KIE recordInfo: jobs=${msg.slice(0,100)} | playground=${String(e2.message).slice(0,100)}`);
+      }
+    }
+    throw e;
+  }
 }
 
 // =============================================================================
@@ -317,7 +346,16 @@ async function _startGenerationViaKie({ kind, prompt, key, imageInputs, videoInp
     method: 'POST',
     body: JSON.stringify({ model: fullModel, input }),
   });
-  return { taskId: data.data?.taskId, provider: 'kie' };
+  // Защита: KIE иногда возвращает 200 с code=200 но без data.taskId (например
+  // когда модель не поддерживает текущий input — null aspect_ratio для grok,
+  // emtpy image_input для image-to-image и т.д.). Без этого кидка клиент
+  // получит taskId=undefined, потом будет poll'ить с строкой 'undefined' и
+  // KIE ответит «generate playground failed, task id is blank».
+  if (!data?.data?.taskId) {
+    const dump = JSON.stringify(data || {}).slice(0, 400);
+    throw new Error(`KIE createTask вернул без taskId (model=${fullModel}, input keys=${Object.keys(input).join(',')}). Ответ: ${dump}`);
+  }
+  return { taskId: data.data.taskId, provider: 'kie' };
 }
 
 /**
@@ -768,6 +806,75 @@ async function deleteTemplate(id, s) {
   return true;
 }
 
+// =============================================================================
+// PUBLIC API: cloud projects (CRUD на Chatium-сервере).
+// =============================================================================
+// Cloud-project — редактируемый проект юзера. В отличие от templates:
+//   - открыть может только owner/admin
+//   - save => перезаписывает запись (по explicit-кнопке клиента)
+//   - локально лежит в userData/cloud-projects/<id>/ (Electron создаёт
+//     папку автоматически — никакого showDirectoryPicker)
+//   - в web-режиме (без FS) — сохраняется только in-memory + сразу на сервер
+
+async function listProjects(s) {
+  const headers = chatiumAuthHeaders(s);
+  logCall('GET ', 'Chatium', chatiumBase(s) + CHATIUM_PATHS.projects);
+  const r = await fetch(chatiumBase(s) + CHATIUM_PATHS.projects, { headers });
+  const text = await r.text();
+  let d; try { d = JSON.parse(text); } catch { d = { raw: text }; }
+  if (!r.ok) throw new Error(d?.error || d?.reason || `HTTP ${r.status}`);
+  return d;
+}
+
+async function getProject(id, s) {
+  const headers = chatiumAuthHeaders(s);
+  const url = `${chatiumBase(s)}${CHATIUM_PATHS.projects}~get?id=${encodeURIComponent(id)}`;
+  logCall('GET ', 'Chatium', url);
+  const r = await fetch(url, { headers });
+  const text = await r.text();
+  let d; try { d = JSON.parse(text); } catch { d = { raw: text }; }
+  if (!r.ok) throw new Error(d?.error || d?.reason || `HTTP ${r.status}`);
+  return d;
+}
+
+async function createProject(body, s) {
+  const headers = { ...chatiumAuthHeaders(s), 'Content-Type': 'application/json' };
+  logCall('POST', 'Chatium', chatiumBase(s) + CHATIUM_PATHS.projects, `name=${body?.name}`);
+  const r = await fetch(chatiumBase(s) + CHATIUM_PATHS.projects, {
+    method: 'POST', headers, body: JSON.stringify(body),
+  });
+  const text = await r.text();
+  let d; try { d = JSON.parse(text); } catch { d = { raw: text }; }
+  if (!r.ok) throw new Error(d?.error || d?.reason || `HTTP ${r.status}`);
+  return d;
+}
+
+async function updateProject(id, body, s) {
+  const headers = { ...chatiumAuthHeaders(s), 'Content-Type': 'application/json' };
+  const url = `${chatiumBase(s)}${CHATIUM_PATHS.projects}~update?id=${encodeURIComponent(id)}`;
+  logCall('POST', 'Chatium', url,
+    `name=${body?.name} files=${Object.keys(body?.files || {}).length}`);
+  const r = await fetch(url, {
+    method: 'POST', headers, body: JSON.stringify(body),
+  });
+  const text = await r.text();
+  let d; try { d = JSON.parse(text); } catch { d = { raw: text }; }
+  if (!r.ok) throw new Error(d?.error || d?.reason || `HTTP ${r.status}`);
+  return d;
+}
+
+async function deleteProject(id, s) {
+  const headers = chatiumAuthHeaders(s);
+  const url = `${chatiumBase(s)}${CHATIUM_PATHS.projects}~delete?id=${encodeURIComponent(id)}`;
+  logCall('POST', 'Chatium', url);
+  const r = await fetch(url, { method: 'POST', headers });
+  if (!r.ok) {
+    const text = await r.text().catch(() => '');
+    throw new Error(text || `HTTP ${r.status}`);
+  }
+  return true;
+}
+
 async function listElevenVoices() {
   const key = process.env.ELEVENLABS_API_KEY;
   if (!key) throw new Error('ELEVENLABS_API_KEY не задан');
@@ -808,6 +915,12 @@ module.exports = {
   createTemplate,
   updateTemplate,
   deleteTemplate,
+  // Cloud projects (CRUD на Chatium-сервере)
+  listProjects,
+  getProject,
+  createProject,
+  updateProject,
+  deleteProject,
   // Constants (для server.js / тестов)
   KIE_IMAGE_MODELS,
   KIE_VIDEO_MODELS,

package/main.js

@@ -207,6 +207,15 @@ const CHATIUM_AUTH_TIMEOUT_MS = 5 * 60 * 1000;
 
 let chatiumLoginInflight = null;
 
+// Уведомить main-window (если открыто) о смене auth-статуса. Renderer
+// (board.js) подписан через window.appChatium.onAuthChanged и при login
+// дёргает refresh облачных проектов, при logout — чистит кэш + welcome.
+function notifyAuthChanged(state) {
+  if (win && !win.isDestroyed()) {
+    win.webContents.send('chatium:auth-changed', state);   // 'login' | 'logout'
+  }
+}
+
 ipcMain.handle('chatium:login', async () => {
   if (chatiumLoginInflight) {
     return chatiumLoginInflight; // несколько кликов — один и тот же flow
@@ -227,6 +236,7 @@ ipcMain.handle('chatium:login', async () => {
         },
       };
       writeSettings(next);
+      notifyAuthChanged('login');
       return { ok: true, ...result };
     } finally {
       chatiumLoginInflight = null;
@@ -253,6 +263,7 @@ ipcMain.handle('chatium:logout', async () => {
   const next = { ...s };
   delete next.chatium;
   writeSettings(next);
+  notifyAuthChanged('logout');
   return { ok: true };
 });
 
@@ -553,6 +564,115 @@ ipcMain.handle('recents:write', async (_e, arr) => {
   } catch (e) { console.warn('recents write failed:', e.message); return false; }
 });
 
+// =============================================================================
+// Cloud-projects: локальная копия серверного проекта в userData.
+//
+// Формат — те же scene.json + media-папки что у обычных проектов.
+// Каждый cloud-project живёт в `userData/cloud-projects/<projectId>/`.
+// IPC-API мимикрирует FileSystemDirectoryHandle (минимум — entries / read /
+// write / mkdir / remove), чтобы renderer мог использовать тот же код
+// обработки board'ов через cloud-fs shim (см. renderer/cloudFs.js).
+//
+// Важное правило безопасности: КАЖДЫЙ путь должен быть ВНУТРИ
+// userData/cloud-projects/. Path-traversal через `../` блокируется через
+// path.resolve + startsWith проверку.
+// =============================================================================
+function cloudRoot() {
+  const p = path.join(app.getPath('userData'), 'cloud-projects');
+  fs.mkdirSync(p, { recursive: true });
+  return p;
+}
+function cloudResolve(projectId, relPath) {
+  // Безопасный resolve: гарантируем что результат внутри cloudRoot.
+  const root = cloudRoot();
+  const projectDir = path.join(root, String(projectId).replace(/[\\/]/g, '_'));
+  const abs = path.normalize(path.join(projectDir, relPath || ''));
+  if (!abs.startsWith(projectDir)) throw new Error('path-traversal');
+  return abs;
+}
+ipcMain.handle('cloudFs:ensureProject', (_e, projectId) => {
+  const dir = cloudResolve(projectId, '');
+  fs.mkdirSync(dir, { recursive: true });
+  return dir;
+});
+ipcMain.handle('cloudFs:list', async (_e, projectId, relPath) => {
+  // Возвращает [{name, kind: 'file'|'dir'}] — аналог .entries() FSAH.
+  try {
+    const dir = cloudResolve(projectId, relPath || '');
+    const out = [];
+    for (const ent of fs.readdirSync(dir, { withFileTypes: true })) {
+      out.push({ name: ent.name, kind: ent.isDirectory() ? 'dir' : 'file' });
+    }
+    return out;
+  } catch (e) {
+    if (e.code === 'ENOENT') return [];
+    throw e;
+  }
+});
+ipcMain.handle('cloudFs:exists', (_e, projectId, relPath) => {
+  try { fs.statSync(cloudResolve(projectId, relPath)); return true; }
+  catch { return false; }
+});
+ipcMain.handle('cloudFs:stat', (_e, projectId, relPath) => {
+  try {
+    const s = fs.statSync(cloudResolve(projectId, relPath));
+    return { size: s.size, mtimeMs: s.mtimeMs, isFile: s.isFile(), isDirectory: s.isDirectory() };
+  } catch { return null; }
+});
+ipcMain.handle('cloudFs:read', (_e, projectId, relPath) => {
+  // Возвращает Buffer (передаётся как Uint8Array в renderer через electron-IPC).
+  return fs.readFileSync(cloudResolve(projectId, relPath));
+});
+ipcMain.handle('cloudFs:readText', (_e, projectId, relPath) => {
+  try { return fs.readFileSync(cloudResolve(projectId, relPath), 'utf-8'); }
+  catch (e) { if (e.code === 'ENOENT') return null; throw e; }
+});
+ipcMain.handle('cloudFs:write', (_e, projectId, relPath, data) => {
+  // data: Uint8Array | string. Создаём родительскую папку если нет.
+  const abs = cloudResolve(projectId, relPath);
+  fs.mkdirSync(path.dirname(abs), { recursive: true });
+  if (typeof data === 'string') fs.writeFileSync(abs, data);
+  else fs.writeFileSync(abs, Buffer.from(data));
+  return true;
+});
+ipcMain.handle('cloudFs:mkdir', (_e, projectId, relPath) => {
+  fs.mkdirSync(cloudResolve(projectId, relPath), { recursive: true });
+  return true;
+});
+ipcMain.handle('cloudFs:remove', (_e, projectId, relPath) => {
+  // Безопасно: только внутри project-folder.
+  const abs = cloudResolve(projectId, relPath);
+  try {
+    const s = fs.statSync(abs);
+    if (s.isDirectory()) fs.rmSync(abs, { recursive: true, force: true });
+    else fs.unlinkSync(abs);
+    return true;
+  } catch { return false; }
+});
+ipcMain.handle('cloudFs:listProjects', () => {
+  // Возвращает [{ projectId }] — список локальных копий, для recovery после
+  // restart. Может быть из них уже удалены на сервере — клиент сам пингует
+  // /api/projects при старте.
+  try {
+    return fs.readdirSync(cloudRoot(), { withFileTypes: true })
+      .filter(e => e.isDirectory())
+      .map(e => ({ projectId: e.name }));
+  } catch { return []; }
+});
+// Открыть локальную папку cloud-проекта в Finder/Explorer (через ПКМ-меню
+// в welcome-grid'е). Безопасно: shell.openPath работает только если путь
+// существует и внутри cloudRoot (cloudResolve гарантирует это).
+ipcMain.handle('cloudFs:openInFinder', async (_e, projectId) => {
+  try {
+    const dir = cloudResolve(projectId, '');
+    fs.mkdirSync(dir, { recursive: true });   // на случай если ещё не скачан
+    const err = await shell.openPath(dir);
+    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.8.8",
+  "version": "0.9.0",
   "description": "KingKont · Chatium — нод-редактор сцен с AI-генерацией (картинки/видео/голос/SFX/музыка/текст)",
   "main": "main.js",
   "bin": {

package/preload.js

@@ -1,17 +1,18 @@
-// Preload: пробрасывает в renderer (index.html) минимальный API для нативного плеера.
-// Веб-версия работает без него (window.nativePlayer === undefined → editor использует только web preview).
+// Preload: пробрасывает в renderer (index.html) минимальный API.
 const { contextBridge, ipcRenderer, webUtils } = require('electron');
 
-contextBridge.exposeInMainWorld('nativePlayer', {
-  // Старт нативного плеера. Резолвится URL'ом WebSocket (ws://127.0.0.1:PORT) либо ошибкой.
-  start: () => ipcRenderer.invoke('native-player:start'),
-  // Остановить процесс плеера (и его окно).
-  stop: () => ipcRenderer.invoke('native-player:stop'),
-  // Абсолютный путь файла (Electron-специфично, через webUtils.getPathForFile).
-  pathForFile: (file) => {
-    try { return webUtils.getPathForFile(file) || null; } catch { return null; }
-  },
-});
+// Нативный плеер (mpv через python-обёртку) отключён — web-превью покрывает
+// все use-cases. Код в main.js (`native-player:start`/`stop`) и в
+// renderer/timeline.js (init гейтится `if (!window.nativePlayer) return`)
+// сохранён — раскомментируй блок ниже, чтобы включить обратно.
+//
+// contextBridge.exposeInMainWorld('nativePlayer', {
+//   start: () => ipcRenderer.invoke('native-player:start'),
+//   stop: () => ipcRenderer.invoke('native-player:stop'),
+//   pathForFile: (file) => {
+//     try { return webUtils.getPathForFile(file) || null; } catch { return null; }
+//   },
+// });
 
 // Application menu → renderer events. Пунктов мало, делаем тонкий event-bus.
 contextBridge.exposeInMainWorld('appMenu', {
@@ -78,9 +79,34 @@ contextBridge.exposeInMainWorld('appChatium', {
   login: () => ipcRenderer.invoke('chatium:login'),
   logout: () => ipcRenderer.invoke('chatium:logout'),
   status: () => ipcRenderer.invoke('chatium:status'),
+  // Подписка на изменения auth-статуса (login/logout из settings-window).
+  // cb получает 'login' | 'logout'. Возвращает unsubscribe.
+  onAuthChanged: (cb) => {
+    const handler = (_e, state) => cb(state);
+    ipcRenderer.on('chatium:auth-changed', handler);
+    return () => ipcRenderer.removeListener('chatium:auth-changed', handler);
+  },
 });
 
 contextBridge.exposeInMainWorld('claudeMd', {
   template: () => ipcRenderer.invoke('claudeMd:template'),
   installSkill: () => ipcRenderer.invoke('claudeMd:installSkill'),
 });
+
+// Cloud-projects: тонкая обёртка над userData/cloud-projects/<id>/.
+// Используется renderer'ом в режиме «облачного проекта» (без showDirectoryPicker).
+// На веб-версии (без preload) — undefined; web-shell использует in-memory модель
+// + сразу-на-сервер (см. renderer/cloudFs.js fallback).
+contextBridge.exposeInMainWorld('cloudFs', {
+  ensureProject: (id)             => ipcRenderer.invoke('cloudFs:ensureProject', id),
+  list:          (id, rel)        => ipcRenderer.invoke('cloudFs:list', id, rel),
+  exists:        (id, rel)        => ipcRenderer.invoke('cloudFs:exists', id, rel),
+  stat:          (id, rel)        => ipcRenderer.invoke('cloudFs:stat', id, rel),
+  read:          (id, rel)        => ipcRenderer.invoke('cloudFs:read', id, rel),
+  readText:      (id, rel)        => ipcRenderer.invoke('cloudFs:readText', id, rel),
+  write:         (id, rel, data)  => ipcRenderer.invoke('cloudFs:write', id, rel, data),
+  mkdir:         (id, rel)        => ipcRenderer.invoke('cloudFs:mkdir', id, rel),
+  remove:        (id, rel)        => ipcRenderer.invoke('cloudFs:remove', id, rel),
+  listProjects:  ()               => ipcRenderer.invoke('cloudFs:listProjects'),
+  openInFinder:  (id)             => ipcRenderer.invoke('cloudFs:openInFinder', id),
+});