@bolloon/bolloon-agent 0.1.29 → 0.1.32

package/src/web/server.ts

@@ -18,15 +18,38 @@ import { documentReader } from '../documents/reader.js';
 import { initMinimax, getMinimax } from '../constraints/index.js';
 import { createAgentSession, type AgentSession, type StreamCallback, type StreamEvent } from '../agents/pi-sdk.js';
 import { llmConfigStore, type ModelProvider, PROVIDER_INFO } from '../llm/config-store.js';
+import { videoConfigStore, type VideoProvider } from '../llm/video-config-store.js';
+import { audioConfigStore, type AudioProvider } from '../llm/audio-config-store.js';
 import { irohTransport } from '../network/iroh-transport.js';
 import { createAgentDelegateApp } from './agent-delegate-server.js';
 import { createIrohDelegateTransport } from './iroh-delegate-transport.js';
 import { verifyMessage, isAddress, getAddress } from 'viem';
 
-// 前端资源路径：在打包后会通过 CommonJS require 加载，使用 import.meta.url
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const webRoot = path.join(__dirname, '..', '..', 'dist', 'web');
+// 前端资源路径: 兼容 src 运行 + dist 运行 + npm 全局安装
+// - src 跑 (tsx):   __dirname = .../src/web  →  .../dist/web
+// - dist 跑 (npm):  __dirname = .../dist/web → 自身就是 web 根
+// - 环境变量覆盖:  BOLLOON_WEB_ROOT=xxx
+// ESM scope 没有 __dirname, 这里自己声明
+const __filename_local = fileURLToPath(import.meta.url);
+const __dirname_local = dirname(__filename_local);
+let _baseDirname = __dirname_local;
+function resolveWebRoot(): string {
+  if (process.env.BOLLOON_WEB_ROOT && fsSync.existsSync(process.env.BOLLOON_WEB_ROOT)) {
+    return process.env.BOLLOON_WEB_ROOT;
+  }
+  const d = _baseDirname;
+  const candidates = [
+    path.join(d),                                    // dist/web
+    path.join(d, '..', '..', 'dist', 'web'),         // src/web → dist/web
+    path.join(d, '..', 'web'),                       // dist/ → web/ 兄弟
+  ];
+  for (const c of candidates) {
+    if (fsSync.existsSync(path.join(c, 'index.html'))) return c;
+  }
+  return candidates[1];
+}
+const webRoot = resolveWebRoot();
+console.log(`[web] webRoot = ${webRoot}`);
 
 const SHARED_SESSION_PATH = path.join(process.env.HOME || '/tmp', '.bolloon', 'sessions');
 const SESSION_CACHE_PATH = path.join(SHARED_SESSION_PATH, 'cache');
@@ -2255,6 +2278,130 @@ app.get('/channels', async (_req, res) => {
     }
   });
 
+  // ==================== 视频生成配置 (Seedance 等) ====================
+
+  // 获取视频生成配置
+  app.get('/api/video-config', async (req, res) => {
+    try {
+      const config = await videoConfigStore.getConfig();
+      const providerInfo = videoConfigStore.getAllProviderInfo();
+
+      // 脱敏：不返回 apiKey 明文
+      const masked = Object.fromEntries(
+        Object.entries(config.providers).map(([key, val]) => [
+          key,
+          { ...val, apiKey: val.apiKey ? '***' + val.apiKey.slice(-4) : '' }
+        ])
+      );
+
+      res.json({
+        activeProvider: config.activeProvider,
+        providers: masked,
+        providerInfo
+      });
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // 更新视频供应商配置
+  app.post('/api/video-config', async (req, res) => {
+    try {
+      const { provider, config } = req.body;
+
+      if (!provider || !config) {
+        return res.status(400).json({ error: 'provider and config required' });
+      }
+
+      // 如果前端发的是掩码（***xxx），从当前配置里取真实 key
+      const currentConfig = await videoConfigStore.getProvider(provider as VideoProvider);
+      if (currentConfig && config.apiKey && config.apiKey.startsWith('***')) {
+        config.apiKey = currentConfig.apiKey;
+      }
+
+      await videoConfigStore.updateProvider(provider as VideoProvider, config);
+      res.json({ ok: true });
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // 测试视频供应商连接
+  app.post('/api/video-test', async (req, res) => {
+    try {
+      const { provider } = req.body;
+
+      if (!provider) {
+        return res.status(400).json({ error: 'provider required' });
+      }
+
+      const result = await videoConfigStore.testProvider(provider as VideoProvider);
+      res.json(result);
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // ==================== 音频生成配置 (TTS / Music) ====================
+
+  // 获取音频配置
+  app.get('/api/audio-config', async (req, res) => {
+    try {
+      const config = await audioConfigStore.getConfig();
+      const providerInfo = audioConfigStore.getAllProviderInfo();
+
+      const masked = Object.fromEntries(
+        Object.entries(config.providers).map(([key, val]) => [
+          key,
+          { ...val, apiKey: val.apiKey ? '***' + val.apiKey.slice(-4) : '' }
+        ])
+      );
+
+      res.json({
+        activeProvider: config.activeProvider,
+        providers: masked,
+        providerInfo
+      });
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // 更新音频供应商配置
+  app.post('/api/audio-config', async (req, res) => {
+    try {
+      const { provider, config } = req.body;
+      if (!provider || !config) {
+        return res.status(400).json({ error: 'provider and config required' });
+      }
+
+      // 掩码回写真实 key
+      const currentConfig = await audioConfigStore.getProvider(provider as AudioProvider);
+      if (currentConfig && config.apiKey && config.apiKey.startsWith('***')) {
+        config.apiKey = currentConfig.apiKey;
+      }
+
+      await audioConfigStore.updateProvider(provider as AudioProvider, config);
+      res.json({ ok: true });
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // 测试音频供应商连接
+  app.post('/api/audio-test', async (req, res) => {
+    try {
+      const { provider } = req.body;
+      if (!provider) {
+        return res.status(400).json({ error: 'provider required' });
+      }
+      const result = await audioConfigStore.testProvider(provider as AudioProvider);
+      res.json(result);
+    } catch (err: any) {
+      res.status(500).json({ error: err.message });
+    }
+  });
+
   // 统一 AI 解析入口：CLI / 接收方节点 调这里完成 LLM + judgment + harness
   // 入参: { text, mimeType, fileName, fromNodeId, source }
   // 出参: { summary, qualityScore, judgmentId?, gateArtifact? }

package/src/web/style.css

@@ -2989,6 +2989,89 @@ body {
   max-width: 900px;
   margin: 0 auto;
   padding: 24px;
+  min-height: 100vh;
+}
+
+/* Standalone api-config page: enable page-level scrolling.
+   Default body has overflow:hidden (for app shell with sidebar). */
+body:has(> .api-config-page) {
+  height: auto;
+  min-height: 100vh;
+  overflow-y: auto;
+}
+
+/* Tab switcher */
+.api-tabs {
+  display: flex;
+  gap: 4px;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 24px;
+}
+
+.api-tab {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-muted);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.api-tab:hover {
+  color: var(--text);
+}
+
+.api-tab.active {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+}
+
+.api-tab-icon {
+  font-size: 16px;
+}
+
+.api-panel {
+  animation: fadeIn 0.2s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.video-intro {
+  background: var(--bg-sidebar);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 12px 16px;
+  margin-bottom: 16px;
+  color: var(--text-muted);
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.video-intro p {
+  margin: 0;
+}
+
+.provider-docs {
+  display: inline-block;
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--accent);
+  text-decoration: none;
+  opacity: 0.8;
+}
+
+.provider-docs:hover {
+  opacity: 1;
+  text-decoration: underline;
 }
 
 .loading-state {