opc-agent 4.0.36 → 4.0.38

package/dist/core/runtime.js

@@ -342,20 +342,6 @@ class AgentRuntime {
             this.logger.info('Scheduler started');
         }
         this.logger.info('Agent started');
-        // Auto-start Studio UI
-        try {
-            const { StudioServer } = require('../studio/server');
-            const studioPort = 4000;
-            const studio = new StudioServer({ port: studioPort, agentDir: process.cwd() });
-            await studio.start();
-            this.logger.info(`Studio UI ready → http://localhost:${studioPort}`);
-            console.log(`   Studio:  http://localhost:${studioPort}`);
-        }
-        catch (e) {
-            const msg = e?.message || String(e);
-            this.logger.warn('Studio UI failed to start: ' + msg);
-            console.log(`   Studio:  ⚠️ failed - ${msg}`);
-        }
     }
     async stop() {
         if (!this.agent)

package/dist/studio-ui/index.html

@@ -299,13 +299,13 @@
     }
 
     /* Sidebar restructure */
-    .sidebar-section-title { font-size: 11px; letter-spacing: 1px; color: var(--text-dim); margin: 20px 12px 8px; text-transform: uppercase; font-weight: 600; }
+    .sidebar-section-title { font-size: 13px; letter-spacing: 0.5px; color: var(--text-dim); margin: 20px 16px 8px; text-transform: uppercase; font-weight: 600; }
     .sidebar-divider { height: 1px; background: var(--border); margin: 8px 12px; }
     .pattern-card.active { border-color: var(--accent); box-shadow: var(--glow-sm); }
     .agent-list-container { overflow-y: auto; flex: 1; min-height: 0; }
     .agent-list-item {
       display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px;
-      cursor: pointer; color: var(--text-muted); transition: all 0.2s ease; font-size: 14px; margin-bottom: 2px; position: relative;
+      cursor: pointer; color: var(--text-muted); transition: all 0.2s ease; font-size: 15px; margin-bottom: 2px; position: relative;
     }
     .agent-list-item:hover { background: var(--bg-hover); color: var(--text); transform: translateX(4px); }
     .agent-list-item.active { background: var(--accent-light); color: #fff; font-weight: 600; box-shadow: var(--glow-sm); border: 1px solid var(--border); }
@@ -1125,7 +1125,7 @@
 
     // === Init ===
     async function init() {
-      await Promise.all([loadTemplates(), loadAgents()]);
+      await Promise.all([loadTemplates(), loadAgents(), loadSidebarAgents()]);
       loadSidebarGroups();
       handleRoute();
       window.addEventListener('popstate', handleRoute);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opc-agent",
-  "version": "4.0.36",
+  "version": "4.0.38",
   "description": "Open Agent Framework — Build, test, and run AI Agents for business workstations",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/serve-studio.js

@@ -0,0 +1,13 @@
+const http = require('http');
+const fs = require('fs');
+const html = fs.readFileSync(__dirname + '/dist/studio-ui/index.html', 'utf-8');
+const srv = http.createServer((req, res) => {
+  if (req.url === '/api/agents') {
+    res.end(JSON.stringify({agents:[{id:'a1',name:'客服小助手',templateIcon:'🤖',status:'online'},{id:'a2',name:'销售顾问',templateIcon:'💼',status:'offline'}]}));
+    return;
+  }
+  if (req.url === '/api/templates') { res.end(JSON.stringify([])); return; }
+  res.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
+  res.end(html);
+});
+srv.listen(4449, '0.0.0.0', () => console.log('Studio test server ready: http://localhost:4449'));

package/src/core/runtime.ts

@@ -320,20 +320,6 @@ export class AgentRuntime {
       this.logger.info('Scheduler started');
     }
     this.logger.info('Agent started');
-
-    // Auto-start Studio UI
-    try {
-      const { StudioServer } = require('../studio/server');
-      const studioPort = 4000;
-      const studio = new StudioServer({ port: studioPort, agentDir: process.cwd() });
-      await studio.start();
-      this.logger.info(`Studio UI ready → http://localhost:${studioPort}`);
-      console.log(`   Studio:  http://localhost:${studioPort}`);
-    } catch (e: any) {
-      const msg = e?.message || String(e);
-      this.logger.warn('Studio UI failed to start: ' + msg);
-      console.log(`   Studio:  ⚠️ failed - ${msg}`);
-    }
   }
 
   async stop(): Promise<void> {

package/src/studio-ui/index.html

@@ -299,13 +299,13 @@
     }
 
     /* Sidebar restructure */
-    .sidebar-section-title { font-size: 11px; letter-spacing: 1px; color: var(--text-dim); margin: 20px 12px 8px; text-transform: uppercase; font-weight: 600; }
+    .sidebar-section-title { font-size: 13px; letter-spacing: 0.5px; color: var(--text-dim); margin: 20px 16px 8px; text-transform: uppercase; font-weight: 600; }
     .sidebar-divider { height: 1px; background: var(--border); margin: 8px 12px; }
     .pattern-card.active { border-color: var(--accent); box-shadow: var(--glow-sm); }
     .agent-list-container { overflow-y: auto; flex: 1; min-height: 0; }
     .agent-list-item {
       display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px;
-      cursor: pointer; color: var(--text-muted); transition: all 0.2s ease; font-size: 14px; margin-bottom: 2px; position: relative;
+      cursor: pointer; color: var(--text-muted); transition: all 0.2s ease; font-size: 15px; margin-bottom: 2px; position: relative;
     }
     .agent-list-item:hover { background: var(--bg-hover); color: var(--text); transform: translateX(4px); }
     .agent-list-item.active { background: var(--accent-light); color: #fff; font-weight: 600; box-shadow: var(--glow-sm); border: 1px solid var(--border); }
@@ -1125,7 +1125,7 @@
 
     // === Init ===
     async function init() {
-      await Promise.all([loadTemplates(), loadAgents()]);
+      await Promise.all([loadTemplates(), loadAgents(), loadSidebarAgents()]);
       loadSidebarGroups();
       handleRoute();
       window.addEventListener('popstate', handleRoute);

package/srv-out.txt

@@ -0,0 +1 @@
+Studio test server ready: http://localhost:4449

package/test-studio3.js

@@ -0,0 +1,75 @@
+const puppeteer = require('puppeteer-core');
+(async () => {
+  const browser = await puppeteer.launch({executablePath: 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe', headless: true, args:['--no-sandbox']});
+  const page = await browser.newPage();
+  const errors = [];
+  page.on('pageerror', e => errors.push(e.message));
+  page.on('console', m => { if(m.type()==='error') errors.push(m.text()); });
+  await page.goto('http://localhost:4449', {waitUntil:'networkidle0', timeout:10000});
+  
+  // Check sidebar structure
+  const sidebar = await page.evaluate(() => {
+    const items = document.querySelectorAll('.sidebar .nav-item, .sidebar .agent-list-item, .sidebar .sidebar-section-title');
+    return Array.from(items).map(el => el.textContent.trim().substring(0, 40));
+  });
+  
+  // Check navigate
+  const navType = await page.evaluate(() => typeof navigate);
+  
+  // Try global-models
+  const modelsResult = await page.evaluate(() => {
+    navigate('global-models');
+    const pages = document.querySelectorAll('.page');
+    for (const p of pages) {
+      if (p.style.display === 'block') return p.id;
+    }
+    return 'none-visible';
+  });
+  
+  // Try create-group
+  const groupResult = await page.evaluate(() => {
+    navigate('create-group');
+    const pages = document.querySelectorAll('.page');
+    for (const p of pages) {
+      if (p.style.display === 'block') return p.id;
+    }
+    return 'none-visible';
+  });
+  
+  // Check agent list
+  const agentList = await page.evaluate(() => {
+    const container = document.getElementById('sidebar-agent-list');
+    return container ? container.children.length + ' items' : 'NOT FOUND';
+  });
+
+  // Check groups list
+  const groupsList = await page.evaluate(() => {
+    const container = document.getElementById('groups-list');
+    return container ? container.innerHTML.substring(0, 100) : 'NOT FOUND';
+  });
+
+  // Try navigateToAgent
+  const agentDetail = await page.evaluate(() => {
+    if (typeof navigateToAgent === 'function') {
+      navigateToAgent('agent-1');
+      const pages = document.querySelectorAll('.page');
+      for (const p of pages) {
+        if (p.style.display === 'block') return p.id;
+      }
+    }
+    return typeof navigateToAgent;
+  });
+  
+  console.log('=== Studio Test Results ===');
+  console.log('JS Errors:', errors.length ? errors.join('; ') : 'NONE');
+  console.log('Sidebar items:', JSON.stringify(sidebar, null, 2));
+  console.log('navigate type:', navType);
+  console.log('global-models:', modelsResult);
+  console.log('create-group:', groupResult);
+  console.log('agent list:', agentList);
+  console.log('groups list:', groupsList);
+  console.log('agent detail:', agentDetail);
+  
+  await browser.close();
+  process.exit(0);
+})().catch(e => { console.error('FAIL:', e.message); process.exit(1); });

package/test-studio4.js

@@ -0,0 +1,41 @@
+const puppeteer = require('puppeteer-core');
+(async () => {
+  const browser = await puppeteer.launch({executablePath: 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe', headless: true, args:['--no-sandbox']});
+  const page = await browser.newPage();
+  const errors = [];
+  page.on('pageerror', e => errors.push(e.message));
+  await page.goto('http://localhost:4449', {waitUntil:'networkidle0', timeout:10000});
+  
+  const result = await page.evaluate(() => {
+    // Test create-group
+    navigate('create-group');
+    const el = document.getElementById('page-create-group');
+    if (!el) return 'page-create-group element NOT FOUND';
+    const hasActive = el.classList.contains('active');
+    const computedDisplay = window.getComputedStyle(el).display;
+    return `found=true, active=${hasActive}, display=${computedDisplay}`;
+  });
+  
+  const result2 = await page.evaluate(() => {
+    navigate('global-models');
+    const el = document.getElementById('page-settings');
+    if (!el) return 'page-settings NOT FOUND';
+    return `active=${el.classList.contains('active')}, display=${window.getComputedStyle(el).display}`;
+  });
+
+  const result3 = await page.evaluate(() => {
+    // Check agent detail
+    navigateToAgent('a1');
+    const el = document.getElementById('page-agent-detail');
+    if (!el) return 'page-agent-detail NOT FOUND';
+    return `active=${el.classList.contains('active')}, display=${window.getComputedStyle(el).display}`;
+  });
+
+  console.log('JS errors:', errors.length ? errors : 'NONE');
+  console.log('create-group:', result);
+  console.log('global-models:', result2);
+  console.log('agent-detail:', result3);
+  
+  await browser.close();
+  process.exit(0);
+})().catch(e => { console.error('FAIL:', e.message); process.exit(1); });