agentgui 1.0.260 → 1.0.262

package/lib/ipfs-downloader.js

@@ -0,0 +1,311 @@
+import https from 'https';
+import http from 'http';
+import fs from 'fs';
+import path from 'path';
+import crypto from 'crypto';
+import os from 'os';
+import { queries } from '../database.js';
+
+const GATEWAYS = [
+  'https://ipfs.io/ipfs/',
+  'https://gateway.pinata.cloud/ipfs/',
+  'https://cloudflare-ipfs.com/ipfs/',
+  'https://dweb.link/ipfs/'
+];
+
+const CONFIG = {
+  MAX_RESUME_ATTEMPTS: 3,
+  MAX_RETRY_ATTEMPTS: 3,
+  TIMEOUT_MS: 30000,
+  INITIAL_BACKOFF_MS: 1000,
+  BACKOFF_MULTIPLIER: 2,
+  DOWNLOADS_DIR: path.join(os.homedir(), '.gmgui', 'downloads'),
+  RESUME_THRESHOLD: 0.5
+};
+
+class IPFSDownloader {
+  constructor() {
+    this.downloads = new Map();
+    this.setupDir();
+  }
+
+  setupDir() {
+    if (!fs.existsSync(CONFIG.DOWNLOADS_DIR)) {
+      fs.mkdirSync(CONFIG.DOWNLOADS_DIR, { recursive: true });
+    }
+  }
+
+  async download(cid, filename, options = {}) {
+    const filepath = path.join(CONFIG.DOWNLOADS_DIR, filename);
+    const { modelName = 'unknown', modelType = 'unknown', modelHash = null } = options;
+
+    try {
+      const cidId = queries.recordIpfsCid(cid, modelName, modelType, modelHash, GATEWAYS[0]);
+      const downloadId = queries.recordDownloadStart(cidId, filepath, 0);
+
+      await this.executeDownload(downloadId, cidId, filepath, options);
+      return { success: true, downloadId, filepath, cid };
+    } catch (error) {
+      throw error;
+    }
+  }
+
+  async executeDownload(downloadId, cidId, filepath, options = {}) {
+    let gatewayIndex = 0;
+    let resumeAttempts = 0;
+    let retryAttempts = 0;
+
+    while (true) {
+      try {
+        const gateway = GATEWAYS[gatewayIndex];
+        const cidRecord = queries._db.prepare('SELECT * FROM ipfs_cids WHERE id = ?').get(cidId);
+        if (!cidRecord) throw new Error('CID record not found');
+        const url = `${gateway}${cidRecord.cid}`;
+
+        const { size, hash } = await this.downloadFile(
+          url,
+          filepath,
+          0,
+          options
+        );
+
+        queries.completeDownload(downloadId, cidId);
+
+        if (options.hashVerify && hash) {
+          queries.updateDownloadHash(downloadId, hash);
+        }
+
+        return queries.getDownload(downloadId);
+      } catch (error) {
+        if (error.message.includes('Range')) {
+          resumeAttempts++;
+          if (resumeAttempts > CONFIG.MAX_RESUME_ATTEMPTS) {
+            await this.cleanupPartial(filepath);
+            gatewayIndex = (gatewayIndex + 1) % GATEWAYS.length;
+            resumeAttempts = 0;
+          }
+        } else if (error.message.includes('timeout') || error.message.includes('ETIMEDOUT')) {
+          retryAttempts++;
+          if (retryAttempts > CONFIG.MAX_RETRY_ATTEMPTS) {
+            queries.recordDownloadError(downloadId, cidId, error.message);
+            throw error;
+          }
+          const backoff = CONFIG.INITIAL_BACKOFF_MS * Math.pow(CONFIG.BACKOFF_MULTIPLIER, retryAttempts - 1);
+          await this.sleep(backoff);
+        } else if (error.message.includes('network') || error.message.includes('ECONNRESET')) {
+          gatewayIndex = (gatewayIndex + 1) % GATEWAYS.length;
+          retryAttempts = 0;
+        } else {
+          queries.recordDownloadError(downloadId, cidId, error.message);
+          throw error;
+        }
+      }
+    }
+  }
+
+  async downloadFile(url, filepath, resumeFrom = 0, options = {}) {
+    return new Promise((resolve, reject) => {
+      const protocol = url.startsWith('https') ? https : http;
+      const headers = {};
+
+      if (resumeFrom > 0) {
+        headers['Range'] = `bytes=${resumeFrom}-`;
+      }
+
+      const req = protocol.get(url, { headers, timeout: CONFIG.TIMEOUT_MS }, (res) => {
+        if (res.statusCode === 416) {
+          reject(new Error('Range not supported - will delete partial and restart'));
+          return;
+        }
+
+        if (![200, 206].includes(res.statusCode)) {
+          reject(new Error(`HTTP ${res.statusCode}`));
+          return;
+        }
+
+        const contentLength = parseInt(res.headers['content-length'], 10);
+        const hash = crypto.createHash('sha256');
+        let downloaded = resumeFrom;
+
+        const mode = resumeFrom > 0 ? 'a' : 'w';
+        const stream = fs.createWriteStream(filepath, { flags: mode });
+
+        res.on('data', (chunk) => {
+          hash.update(chunk);
+          downloaded += chunk.length;
+        });
+
+        res.pipe(stream);
+
+        stream.on('finish', () => {
+          resolve({ size: downloaded, hash: hash.digest('hex') });
+        });
+
+        stream.on('error', (err) => {
+          reject(new Error(`Write error: ${err.message}`));
+        });
+      });
+
+      req.on('timeout', () => {
+        req.abort();
+        reject(new Error('timeout'));
+      });
+
+      req.on('error', (err) => {
+        reject(new Error(`network: ${err.message}`));
+      });
+    });
+  }
+
+  async verifyHash(filepath, expectedHash) {
+    return new Promise((resolve, reject) => {
+      const hash = crypto.createHash('sha256');
+      const stream = fs.createReadStream(filepath);
+
+      stream.on('data', (chunk) => {
+        hash.update(chunk);
+      });
+
+      stream.on('end', () => {
+        resolve(hash.digest('hex') === expectedHash);
+      });
+
+      stream.on('error', (err) => {
+        reject(err);
+      });
+    });
+  }
+
+  async resume(downloadId, options = {}) {
+    const record = queries.getDownload(downloadId);
+
+    if (!record) {
+      throw new Error('Download not found');
+    }
+
+    if (record.status === 'success') {
+      return record;
+    }
+
+    const attempts = (record.attempts || 0) + 1;
+    if (attempts > CONFIG.MAX_RESUME_ATTEMPTS) {
+      throw new Error('Max resume attempts exceeded');
+    }
+
+    try {
+      const currentSize = fs.existsSync(record.downloadPath)
+        ? fs.statSync(record.downloadPath).size
+        : 0;
+
+      if (currentSize === 0) {
+        queries.recordDownloadStart(record.cidId, record.downloadPath, record.total_bytes);
+        return this.resumeFromOffset(downloadId, record, 0, options);
+      }
+
+      queries.markDownloadResuming(downloadId);
+
+      const downloadPercent = (currentSize / (record.total_bytes || currentSize)) * 100;
+
+      if (downloadPercent > CONFIG.RESUME_THRESHOLD * 100) {
+        return this.resumeFromOffset(downloadId, record, currentSize, options);
+      } else {
+        await this.cleanupPartial(record.downloadPath);
+        return this.resumeFromOffset(downloadId, record, 0, options);
+      }
+    } catch (error) {
+      const newAttempts = (record.attempts || 0) + 1;
+      const newStatus = newAttempts >= CONFIG.MAX_RESUME_ATTEMPTS ? 'failed' : 'paused';
+      queries.updateDownloadResume(downloadId, record.downloaded_bytes, newAttempts, Date.now(), newStatus);
+
+      if (newStatus === 'failed') {
+        throw error;
+      }
+
+      return queries.getDownload(downloadId);
+    }
+  }
+
+  async resumeFromOffset(downloadId, record, offset, options) {
+    try {
+      const cidRecord = queries.getIpfsCidByModel(record.modelName, record.modelType);
+      const gateway = GATEWAYS[0];
+      const url = `${gateway}${cidRecord.cid}`;
+
+      const { size, hash } = await this.downloadFile(
+        url,
+        record.downloadPath,
+        offset,
+        options
+      );
+
+      if (options.hashVerify && record.hash) {
+        const verified = await this.verifyHash(record.downloadPath, record.hash);
+        if (!verified) {
+          await this.cleanupPartial(record.downloadPath);
+          const newAttempts = (record.attempts || 0) + 1;
+          queries.updateDownloadResume(downloadId, 0, newAttempts, Date.now(), 'pending');
+          throw new Error('Hash verification failed - restarting');
+        }
+      }
+
+      queries.completeDownload(downloadId, record.cidId);
+      if (hash) {
+        queries.updateDownloadHash(downloadId, hash);
+      }
+
+      return queries.getDownload(downloadId);
+    } catch (error) {
+      const newAttempts = (record.attempts || 0) + 1;
+      const newStatus = newAttempts >= CONFIG.MAX_RESUME_ATTEMPTS ? 'failed' : 'paused';
+      queries.updateDownloadResume(downloadId, offset, newAttempts, Date.now(), newStatus);
+
+      if (newStatus === 'failed') {
+        throw error;
+      }
+
+      return queries.getDownload(downloadId);
+    }
+  }
+
+  async cleanupPartial(filepath) {
+    if (fs.existsSync(filepath)) {
+      try {
+        fs.unlinkSync(filepath);
+      } catch (err) {
+        console.error(`Failed to cleanup partial file: ${filepath}`, err.message);
+      }
+    }
+  }
+
+  sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+  }
+
+  getDownloadStatus(downloadId) {
+    return queries.getDownload(downloadId);
+  }
+
+  listDownloads(status = null) {
+    if (status) {
+      return queries.getDownloadsByStatus(status);
+    }
+    const allDownloads = queries.getDownloadsByStatus('in_progress');
+    return allDownloads.concat(
+      queries.getDownloadsByStatus('success'),
+      queries.getDownloadsByStatus('paused'),
+      queries.getDownloadsByStatus('failed')
+    );
+  }
+
+  async cancelDownload(downloadId) {
+    const record = queries.getDownload(downloadId);
+    if (!record) return false;
+
+    await this.cleanupPartial(record.downloadPath);
+    queries.markDownloadPaused(downloadId, 'Cancelled by user');
+
+    return true;
+  }
+}
+
+export default new IPFSDownloader();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.260",
+  "version": "1.0.262",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -32,12 +32,31 @@ const modelDownloadState = {
   downloading: false,
   progress: null,
   error: null,
-  complete: false
+  complete: false,
+  startTime: null,
+  downloadMetrics: new Map()
 };
 
 function broadcastModelProgress(progress) {
   modelDownloadState.progress = progress;
-  broadcastSync({ type: 'model_download_progress', progress });
+  const broadcastData = {
+    type: 'model_download_progress',
+    modelId: progress.type || 'unknown',
+    bytesDownloaded: progress.bytesDownloaded || 0,
+    bytesRemaining: progress.bytesRemaining || 0,
+    totalBytes: progress.totalBytes || 0,
+    downloadSpeed: progress.downloadSpeed || 0,
+    eta: progress.eta || 0,
+    retryCount: progress.retryCount || 0,
+    currentGateway: progress.currentGateway || '',
+    status: progress.status || (progress.done ? 'completed' : progress.downloading ? 'downloading' : 'paused'),
+    percentComplete: progress.percentComplete || 0,
+    completedFiles: progress.completedFiles || 0,
+    totalFiles: progress.totalFiles || 0,
+    timestamp: Date.now(),
+    ...progress
+  };
+  broadcastSync(broadcastData);
 }
 
 async function ensureModelsDownloaded() {
@@ -85,14 +104,22 @@ async function ensureModelsDownloaded() {
     if (!sttOk) {
       console.log('[MODELS] Downloading STT model...');
       broadcastModelProgress({ started: true, done: false, downloading: true, type: 'stt', completedFiles, totalFiles });
-      await webtalkWhisper.ensureModel('onnx-community/whisper-base', config);
+      try {
+        await webtalkWhisper.ensureModel('onnx-community/whisper-base', config);
+      } catch (err) {
+        console.warn('[MODELS] STT download failed, falling back to HuggingFace:', err.message);
+      }
       completedFiles += 10;
     }
 
     if (!ttsOk) {
       console.log('[MODELS] Downloading TTS models...');
       broadcastModelProgress({ started: true, done: false, downloading: true, type: 'tts', completedFiles, totalFiles });
-      await webtalkTTS.ensureTTSModels(config);
+      try {
+        await webtalkTTS.ensureTTSModels(config);
+      } catch (err) {
+        console.warn('[MODELS] TTS download failed, falling back to HuggingFace:', err.message);
+      }
       completedFiles += 6;
     }
 
@@ -3274,7 +3301,8 @@ const BROADCAST_TYPES = new Set([
   'message_created', 'conversation_created', 'conversation_updated',
   'conversations_updated', 'conversation_deleted', 'queue_status', 'queue_updated',
   'rate_limit_hit', 'rate_limit_clear',
-  'script_started', 'script_stopped', 'script_output'
+  'script_started', 'script_stopped', 'script_output',
+  'model_download_progress'
 ]);
 
 const wsBatchQueues = new Map();

package/static/index.html

@@ -1854,22 +1854,176 @@
     .block-type-text { background: #f8fafc; }
     html.dark .block-type-text { background: #1e293b; }
 
-    .block-type-tool_use { background: #ecfeff; }
-    html.dark .block-type-tool_use { background: #0c1a24; }
-    .block-type-tool_use.folded-tool > .folded-tool-bar { background: #cffafe; }
-    html.dark .block-type-tool_use.folded-tool > .folded-tool-bar { background: #0e2a3a; }
-    .block-type-tool_use.folded-tool > .folded-tool-bar:hover { background: #a5f3fc; }
-    html.dark .block-type-tool_use.folded-tool > .folded-tool-bar:hover { background: #164e63; }
-    .block-type-tool_use.folded-tool > .folded-tool-bar::before { color: #0891b2; }
-    html.dark .block-type-tool_use.folded-tool > .folded-tool-bar::before { color: #22d3ee; }
-    .block-type-tool_use .folded-tool-icon { color: #0891b2; }
-    html.dark .block-type-tool_use .folded-tool-icon { color: #22d3ee; }
-    .block-type-tool_use .folded-tool-name { color: #155e75; }
-    html.dark .block-type-tool_use .folded-tool-name { color: #67e8f9; }
-    .block-type-tool_use .folded-tool-desc { color: #0e7490; }
-    html.dark .block-type-tool_use .folded-tool-desc { color: #22d3ee; }
-    .block-type-tool_use > .folded-tool-body { border-top-color: #a5f3fc; }
-    html.dark .block-type-tool_use > .folded-tool-body { border-top-color: #164e63; }
+    /* --- Per-tool-name header colors (tool-color-*) --- */
+    .tool-color-read.folded-tool > .folded-tool-bar { background: #dbeafe; }
+    html.dark .tool-color-read.folded-tool > .folded-tool-bar { background: #1e3a5f; }
+    .tool-color-read.folded-tool > .folded-tool-bar:hover { background: #bfdbfe; }
+    html.dark .tool-color-read.folded-tool > .folded-tool-bar:hover { background: #1e40af; }
+    .tool-color-read.folded-tool > .folded-tool-bar::before { color: #2563eb; }
+    html.dark .tool-color-read.folded-tool > .folded-tool-bar::before { color: #60a5fa; }
+    .tool-color-read .folded-tool-icon { color: #2563eb; }
+    html.dark .tool-color-read .folded-tool-icon { color: #60a5fa; }
+    .tool-color-read .folded-tool-name { color: #1e40af; }
+    html.dark .tool-color-read .folded-tool-name { color: #93bbfd; }
+    .tool-color-read .folded-tool-desc { color: #1d4ed8; }
+    html.dark .tool-color-read .folded-tool-desc { color: #60a5fa; }
+    .tool-color-read { background: #eff6ff; }
+    html.dark .tool-color-read { background: #0c1929; }
+    .tool-color-read > .folded-tool-body { border-top-color: #bfdbfe; }
+    html.dark .tool-color-read > .folded-tool-body { border-top-color: #1e3a5f; }
+
+    .tool-color-write.folded-tool > .folded-tool-bar { background: #fef3c7; }
+    html.dark .tool-color-write.folded-tool > .folded-tool-bar { background: #422006; }
+    .tool-color-write.folded-tool > .folded-tool-bar:hover { background: #fde68a; }
+    html.dark .tool-color-write.folded-tool > .folded-tool-bar:hover { background: #78350f; }
+    .tool-color-write.folded-tool > .folded-tool-bar::before { color: #d97706; }
+    html.dark .tool-color-write.folded-tool > .folded-tool-bar::before { color: #fbbf24; }
+    .tool-color-write .folded-tool-icon { color: #d97706; }
+    html.dark .tool-color-write .folded-tool-icon { color: #fbbf24; }
+    .tool-color-write .folded-tool-name { color: #92400e; }
+    html.dark .tool-color-write .folded-tool-name { color: #fcd34d; }
+    .tool-color-write .folded-tool-desc { color: #b45309; }
+    html.dark .tool-color-write .folded-tool-desc { color: #fbbf24; }
+    .tool-color-write { background: #fffbeb; }
+    html.dark .tool-color-write { background: #1c1507; }
+    .tool-color-write > .folded-tool-body { border-top-color: #fde68a; }
+    html.dark .tool-color-write > .folded-tool-body { border-top-color: #422006; }
+
+    .tool-color-edit.folded-tool > .folded-tool-bar { background: #ede9fe; }
+    html.dark .tool-color-edit.folded-tool > .folded-tool-bar { background: #2e1065; }
+    .tool-color-edit.folded-tool > .folded-tool-bar:hover { background: #ddd6fe; }
+    html.dark .tool-color-edit.folded-tool > .folded-tool-bar:hover { background: #4c1d95; }
+    .tool-color-edit.folded-tool > .folded-tool-bar::before { color: #7c3aed; }
+    html.dark .tool-color-edit.folded-tool > .folded-tool-bar::before { color: #a78bfa; }
+    .tool-color-edit .folded-tool-icon { color: #7c3aed; }
+    html.dark .tool-color-edit .folded-tool-icon { color: #a78bfa; }
+    .tool-color-edit .folded-tool-name { color: #5b21b6; }
+    html.dark .tool-color-edit .folded-tool-name { color: #c4b5fd; }
+    .tool-color-edit .folded-tool-desc { color: #6d28d9; }
+    html.dark .tool-color-edit .folded-tool-desc { color: #a78bfa; }
+    .tool-color-edit { background: #f5f3ff; }
+    html.dark .tool-color-edit { background: #1a0a2e; }
+    .tool-color-edit > .folded-tool-body { border-top-color: #ddd6fe; }
+    html.dark .tool-color-edit > .folded-tool-body { border-top-color: #2e1065; }
+
+    .tool-color-bash.folded-tool > .folded-tool-bar { background: #e2e8f0; }
+    html.dark .tool-color-bash.folded-tool > .folded-tool-bar { background: #1e293b; }
+    .tool-color-bash.folded-tool > .folded-tool-bar:hover { background: #cbd5e1; }
+    html.dark .tool-color-bash.folded-tool > .folded-tool-bar:hover { background: #334155; }
+    .tool-color-bash.folded-tool > .folded-tool-bar::before { color: #475569; }
+    html.dark .tool-color-bash.folded-tool > .folded-tool-bar::before { color: #94a3b8; }
+    .tool-color-bash .folded-tool-icon { color: #475569; }
+    html.dark .tool-color-bash .folded-tool-icon { color: #94a3b8; }
+    .tool-color-bash .folded-tool-name { color: #334155; }
+    html.dark .tool-color-bash .folded-tool-name { color: #cbd5e1; }
+    .tool-color-bash .folded-tool-desc { color: #475569; }
+    html.dark .tool-color-bash .folded-tool-desc { color: #94a3b8; }
+    .tool-color-bash { background: #f8fafc; }
+    html.dark .tool-color-bash { background: #0f172a; }
+    .tool-color-bash > .folded-tool-body { border-top-color: #cbd5e1; }
+    html.dark .tool-color-bash > .folded-tool-body { border-top-color: #334155; }
+
+    .tool-color-glob.folded-tool > .folded-tool-bar { background: #d1fae5; }
+    html.dark .tool-color-glob.folded-tool > .folded-tool-bar { background: #064e3b; }
+    .tool-color-glob.folded-tool > .folded-tool-bar:hover { background: #a7f3d0; }
+    html.dark .tool-color-glob.folded-tool > .folded-tool-bar:hover { background: #065f46; }
+    .tool-color-glob.folded-tool > .folded-tool-bar::before { color: #059669; }
+    html.dark .tool-color-glob.folded-tool > .folded-tool-bar::before { color: #34d399; }
+    .tool-color-glob .folded-tool-icon { color: #059669; }
+    html.dark .tool-color-glob .folded-tool-icon { color: #34d399; }
+    .tool-color-glob .folded-tool-name { color: #065f46; }
+    html.dark .tool-color-glob .folded-tool-name { color: #6ee7b7; }
+    .tool-color-glob .folded-tool-desc { color: #047857; }
+    html.dark .tool-color-glob .folded-tool-desc { color: #34d399; }
+    .tool-color-glob { background: #ecfdf5; }
+    html.dark .tool-color-glob { background: #022c22; }
+    .tool-color-glob > .folded-tool-body { border-top-color: #a7f3d0; }
+    html.dark .tool-color-glob > .folded-tool-body { border-top-color: #064e3b; }
+
+    .tool-color-grep.folded-tool > .folded-tool-bar { background: #ffe4e6; }
+    html.dark .tool-color-grep.folded-tool > .folded-tool-bar { background: #4c0519; }
+    .tool-color-grep.folded-tool > .folded-tool-bar:hover { background: #fecdd3; }
+    html.dark .tool-color-grep.folded-tool > .folded-tool-bar:hover { background: #881337; }
+    .tool-color-grep.folded-tool > .folded-tool-bar::before { color: #e11d48; }
+    html.dark .tool-color-grep.folded-tool > .folded-tool-bar::before { color: #fb7185; }
+    .tool-color-grep .folded-tool-icon { color: #e11d48; }
+    html.dark .tool-color-grep .folded-tool-icon { color: #fb7185; }
+    .tool-color-grep .folded-tool-name { color: #9f1239; }
+    html.dark .tool-color-grep .folded-tool-name { color: #fda4af; }
+    .tool-color-grep .folded-tool-desc { color: #be123c; }
+    html.dark .tool-color-grep .folded-tool-desc { color: #fb7185; }
+    .tool-color-grep { background: #fff1f2; }
+    html.dark .tool-color-grep { background: #2a0a10; }
+    .tool-color-grep > .folded-tool-body { border-top-color: #fecdd3; }
+    html.dark .tool-color-grep > .folded-tool-body { border-top-color: #4c0519; }
+
+    .tool-color-web.folded-tool > .folded-tool-bar { background: #e0f2fe; }
+    html.dark .tool-color-web.folded-tool > .folded-tool-bar { background: #0c4a6e; }
+    .tool-color-web.folded-tool > .folded-tool-bar:hover { background: #bae6fd; }
+    html.dark .tool-color-web.folded-tool > .folded-tool-bar:hover { background: #075985; }
+    .tool-color-web.folded-tool > .folded-tool-bar::before { color: #0284c7; }
+    html.dark .tool-color-web.folded-tool > .folded-tool-bar::before { color: #38bdf8; }
+    .tool-color-web .folded-tool-icon { color: #0284c7; }
+    html.dark .tool-color-web .folded-tool-icon { color: #38bdf8; }
+    .tool-color-web .folded-tool-name { color: #075985; }
+    html.dark .tool-color-web .folded-tool-name { color: #7dd3fc; }
+    .tool-color-web .folded-tool-desc { color: #0369a1; }
+    html.dark .tool-color-web .folded-tool-desc { color: #38bdf8; }
+    .tool-color-web { background: #f0f9ff; }
+    html.dark .tool-color-web { background: #0a1929; }
+    .tool-color-web > .folded-tool-body { border-top-color: #bae6fd; }
+    html.dark .tool-color-web > .folded-tool-body { border-top-color: #0c4a6e; }
+
+    .tool-color-todo.folded-tool > .folded-tool-bar { background: #ffedd5; }
+    html.dark .tool-color-todo.folded-tool > .folded-tool-bar { background: #431407; }
+    .tool-color-todo.folded-tool > .folded-tool-bar:hover { background: #fed7aa; }
+    html.dark .tool-color-todo.folded-tool > .folded-tool-bar:hover { background: #7c2d12; }
+    .tool-color-todo.folded-tool > .folded-tool-bar::before { color: #ea580c; }
+    html.dark .tool-color-todo.folded-tool > .folded-tool-bar::before { color: #fb923c; }
+    .tool-color-todo .folded-tool-icon { color: #ea580c; }
+    html.dark .tool-color-todo .folded-tool-icon { color: #fb923c; }
+    .tool-color-todo .folded-tool-name { color: #9a3412; }
+    html.dark .tool-color-todo .folded-tool-name { color: #fdba74; }
+    .tool-color-todo .folded-tool-desc { color: #c2410c; }
+    html.dark .tool-color-todo .folded-tool-desc { color: #fb923c; }
+    .tool-color-todo { background: #fff7ed; }
+    html.dark .tool-color-todo { background: #1c0f02; }
+    .tool-color-todo > .folded-tool-body { border-top-color: #fed7aa; }
+    html.dark .tool-color-todo > .folded-tool-body { border-top-color: #431407; }
+
+    .tool-color-task.folded-tool > .folded-tool-bar { background: #e0e7ff; }
+    html.dark .tool-color-task.folded-tool > .folded-tool-bar { background: #1e1b4b; }
+    .tool-color-task.folded-tool > .folded-tool-bar:hover { background: #c7d2fe; }
+    html.dark .tool-color-task.folded-tool > .folded-tool-bar:hover { background: #312e81; }
+    .tool-color-task.folded-tool > .folded-tool-bar::before { color: #4f46e5; }
+    html.dark .tool-color-task.folded-tool > .folded-tool-bar::before { color: #818cf8; }
+    .tool-color-task .folded-tool-icon { color: #4f46e5; }
+    html.dark .tool-color-task .folded-tool-icon { color: #818cf8; }
+    .tool-color-task .folded-tool-name { color: #3730a3; }
+    html.dark .tool-color-task .folded-tool-name { color: #a5b4fc; }
+    .tool-color-task .folded-tool-desc { color: #4338ca; }
+    html.dark .tool-color-task .folded-tool-desc { color: #818cf8; }
+    .tool-color-task { background: #eef2ff; }
+    html.dark .tool-color-task { background: #0f0d29; }
+    .tool-color-task > .folded-tool-body { border-top-color: #c7d2fe; }
+    html.dark .tool-color-task > .folded-tool-body { border-top-color: #1e1b4b; }
+
+    .tool-color-default.folded-tool > .folded-tool-bar { background: #cffafe; }
+    html.dark .tool-color-default.folded-tool > .folded-tool-bar { background: #0e2a3a; }
+    .tool-color-default.folded-tool > .folded-tool-bar:hover { background: #a5f3fc; }
+    html.dark .tool-color-default.folded-tool > .folded-tool-bar:hover { background: #164e63; }
+    .tool-color-default.folded-tool > .folded-tool-bar::before { color: #0891b2; }
+    html.dark .tool-color-default.folded-tool > .folded-tool-bar::before { color: #22d3ee; }
+    .tool-color-default .folded-tool-icon { color: #0891b2; }
+    html.dark .tool-color-default .folded-tool-icon { color: #22d3ee; }
+    .tool-color-default .folded-tool-name { color: #155e75; }
+    html.dark .tool-color-default .folded-tool-name { color: #67e8f9; }
+    .tool-color-default .folded-tool-desc { color: #0e7490; }
+    html.dark .tool-color-default .folded-tool-desc { color: #22d3ee; }
+    .tool-color-default { background: #ecfeff; }
+    html.dark .tool-color-default { background: #0c1a24; }
+    .tool-color-default > .folded-tool-body { border-top-color: #a5f3fc; }
+    html.dark .tool-color-default > .folded-tool-body { border-top-color: #164e63; }
 
     .block-type-tool_result { background: #f0fdf4; }
     html.dark .block-type-tool_result { background: #0a1f0f; }