opc-agent 4.0.39 → 4.0.41

package/dist/studio/server.js

@@ -737,15 +737,18 @@ class StudioServer {
         try {
             const completionReq = (0, http_1.request)({
                 hostname: 'localhost',
-                port: this.config.port,
+                port: 3000,
                 path: '/v1/chat/completions',
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
             }, (completionRes) => {
-                if (completionRes.statusCode === 200) {
+                const ct = completionRes.headers['content-type'] || '';
+                if (completionRes.statusCode === 200 && (ct.includes('text/event-stream') || ct.includes('application/json'))) {
                     completionRes.pipe(res);
                 }
                 else {
+                    // Drain the response to avoid leak
+                    completionRes.resume();
                     // Fallback to simulated response
                     this.sendSimulatedResponse(res, lastMsg, agent);
                 }
@@ -1337,7 +1340,7 @@ class StudioServer {
             const indexPath = (0, path_1.join)(this.config.staticDir, 'index.html');
             if ((0, fs_1.existsSync)(indexPath)) {
                 const content = (0, fs_1.readFileSync)(indexPath, 'utf-8');
-                res.writeHead(200, { 'Content-Type': 'text/html' });
+                res.writeHead(200, { 'Content-Type': 'text/html', 'Cache-Control': 'no-cache, no-store, must-revalidate' });
                 res.end(content);
                 return;
             }

package/dist/studio-ui/index.html

@@ -354,7 +354,7 @@
     <!-- Sidebar -->
     <div class="sidebar-overlay" onclick="toggleSidebar(false)"></div>
     <nav class="sidebar">
-      <div class="sidebar-logo">⚡ <span>OPC Studio</span></div>
+      <div class="sidebar-logo" onclick="navigate('dashboard')" style="cursor:pointer;">⚡ <span>OPC Studio</span></div>
       <div class="sidebar-nav">
         <!-- Section 1: My Agents -->
         <div class="sidebar-section-title">🤖 我的 Agent</div>

package/package.json

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

package/serve-test.js

@@ -0,0 +1,25 @@
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+const html = fs.readFileSync('C:/Users/mingjwan/tmp-opc-clone/dist/studio-ui/index.html', 'utf-8');
+const agentsDir = path.join(require('os').homedir(), '.opc', 'agents');
+
+const srv = http.createServer((req, res) => {
+  if (req.url === '/api/agents') {
+    const files = fs.readdirSync(agentsDir).filter(f => f.endsWith('.json'));
+    const agents = files.map(f => {
+      try { return JSON.parse(fs.readFileSync(path.join(agentsDir, f), 'utf-8')); } catch { return null; }
+    }).filter(Boolean);
+    res.writeHead(200, {'Content-Type':'application/json'});
+    res.end(JSON.stringify({agents}));
+    return;
+  }
+  if (req.url === '/api/templates') {
+    res.writeHead(200, {'Content-Type':'application/json'});
+    res.end(JSON.stringify({templates:[], industries:[]}));
+    return;
+  }
+  res.writeHead(200, {'Content-Type':'text/html; charset=utf-8'});
+  res.end(html);
+});
+srv.listen(4000, '0.0.0.0', () => console.log('Studio: http://localhost:4000'));

package/src/studio/server.ts

@@ -739,14 +739,17 @@ class StudioServer {
     try {
       const completionReq = httpRequest({
         hostname: 'localhost',
-        port: this.config.port,
+        port: 3000,
         path: '/v1/chat/completions',
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
       }, (completionRes) => {
-        if (completionRes.statusCode === 200) {
+        const ct = completionRes.headers['content-type'] || '';
+        if (completionRes.statusCode === 200 && (ct.includes('text/event-stream') || ct.includes('application/json'))) {
           completionRes.pipe(res);
         } else {
+          // Drain the response to avoid leak
+          completionRes.resume();
           // Fallback to simulated response
           this.sendSimulatedResponse(res, lastMsg, agent);
         }
@@ -1348,7 +1351,7 @@ class StudioServer {
       const indexPath = join(this.config.staticDir, 'index.html');
       if (existsSync(indexPath)) {
         const content = readFileSync(indexPath, 'utf-8');
-        res.writeHead(200, { 'Content-Type': 'text/html' });
+        res.writeHead(200, { 'Content-Type': 'text/html', 'Cache-Control': 'no-cache, no-store, must-revalidate' });
         res.end(content);
         return;
       }

package/src/studio-ui/index.html

@@ -354,7 +354,7 @@
     <!-- Sidebar -->
     <div class="sidebar-overlay" onclick="toggleSidebar(false)"></div>
     <nav class="sidebar">
-      <div class="sidebar-logo">⚡ <span>OPC Studio</span></div>
+      <div class="sidebar-logo" onclick="navigate('dashboard')" style="cursor:pointer;">⚡ <span>OPC Studio</span></div>
       <div class="sidebar-nav">
         <!-- Section 1: My Agents -->
         <div class="sidebar-section-title">🤖 我的 Agent</div>

package/test-full.js

@@ -0,0 +1,43 @@
+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:4000', {waitUntil:'networkidle0', timeout:10000});
+  
+  const result = await page.evaluate(() => {
+    const sidebar = document.getElementById('sidebar-agent-list');
+    const sidebarHTML = sidebar ? sidebar.innerHTML : 'NOT FOUND';
+    const allPages = Array.from(document.querySelectorAll('.page')).map(p => p.id);
+    const activePage = document.querySelector('.page.active');
+    const navItems = Array.from(document.querySelectorAll('.sidebar .nav-item, .sidebar .agent-list-item, .sidebar .sidebar-section-title')).map(el => el.textContent.trim().substring(0, 30));
+    
+    // Try clicking agent
+    if (typeof navigateToAgent === 'function') {
+      navigateToAgent('my-first-agent');
+    }
+    const afterClick = document.querySelector('.page.active');
+    
+    return {
+      sidebarHTML: sidebarHTML.substring(0, 300),
+      activePage: activePage ? activePage.id : 'none',
+      afterClick: afterClick ? afterClick.id : 'none',
+      navItems,
+      bodyFontSize: window.getComputedStyle(document.body).fontSize,
+      pageCount: allPages.length
+    };
+  });
+
+  console.log('=== Full Validation ===');
+  console.log('JS errors:', errors.length ? errors : 'NONE');
+  console.log('Body font-size:', result.bodyFontSize);
+  console.log('Sidebar HTML:', result.sidebarHTML);
+  console.log('Nav items:', JSON.stringify(result.navItems));
+  console.log('Default active page:', result.activePage);
+  console.log('After click agent:', result.afterClick);
+  console.log('Total pages:', result.pageCount);
+  
+  await browser.close();
+  process.exit(0);
+})().catch(e => { console.error('FAIL:', e.message); process.exit(1); });

package/test-sidebar.js

@@ -0,0 +1,22 @@
+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('CONSOLE:'+m.text()); });
+  await page.goto('http://localhost:4000', {waitUntil:'networkidle0', timeout:10000});
+  
+  const result = await page.evaluate(() => {
+    const container = document.getElementById('sidebar-agent-list');
+    const html = container ? container.innerHTML : 'NOT FOUND';
+    const agents = window._sidebarAgents;
+    return { html: html.substring(0, 300), agents: agents ? agents.length : 'undefined', errors: [] };
+  });
+
+  console.log('JS errors:', errors.length ? errors : 'NONE');
+  console.log('Sidebar HTML:', result.html);
+  console.log('Agents count:', result.agents);
+  await browser.close();
+  process.exit(0);
+})().catch(e => { console.error('FAIL:', e.message); process.exit(1); });