squidclaw 2.8.0 → 3.1.0

package/lib/tools/router.js

@@ -77,7 +77,16 @@ export class ToolRouter {
       '- Section: ## New Section [section]',
       '',
       'Example:',
-      '---TOOL:pptx_slides:AI Report|dark|## Introduction\n- AI is transforming industries\n- Revenue growing 40% YoY\n\n## Growth [chart:bar]\n- 2020: 50\n- 2021: 80\n- 2022: 120\n- 2023: 200\n\n## Key Stats [stats]\n- 🌍 195 — Countries using AI\n- 💰 $500B — Market size\n- 🚀 40% — Annual growth---');
+      'Write content in markdown. Engine auto-detects slide types from content:',
+      '- ## Heading = new slide',
+      '- [stats] + lines like "- 💰 $500B — Market size" = stats cards slide',
+      '- | col | col | table rows = table slide',
+      '- [chart] + "- label: value" lines = chart slide (pie/bar/doughnut)',
+      '- [timeline] + "1. Title — desc" = timeline slide',
+      '- > quoted text = quote slide',
+      '- Bullet lists = bullets slide',
+      '',
+      'EXAMPLE: ---TOOL:pptx_slides:AI Market Report|executive|## Key Metrics\n[stats]\n- 🌍 195 — Countries\n- 💰 $500B — Market Size\n- 🚀 40% — Annual Growth\n- 👥 2.5M — AI Engineers\n\n## Revenue by Sector\n[chart]\n- Healthcare: 85\n- Finance: 72\n- Retail: 45\n- Energy: 38\n\n## Growth Timeline\n[timeline]\n1. 2020 — Early adoption phase\n2. 2022 — Rapid enterprise rollout\n3. 2024 — AI-first companies emerge\n4. 2026 — Full integration era\n\n## Market Data\n| Region | Revenue | Growth |\n| North America | $180B | 35% |\n| Europe | $120B | 28% |\n| Asia | $150B | 42% |\n\n> The companies that embrace AI today will define the industries of tomorrow.---');
 
     tools.push('', '### Spawn Sub-Agent Session',
       '---TOOL:session_spawn:task description---',
@@ -169,6 +178,18 @@ export class ToolRouter {
       '---TOOL:handoff:reason---',
       'Transfer the conversation to a human agent. Use when you cannot help further.');
 
+    tools.push('', '### Render Dashboard PRO (sends as image!)',
+      '---TOOL:dashboard:Title|theme|markdown content---',
+      'Render a beautiful dashboard as image. Themes: dark, light, saudi, ocean, neon.',
+      'Use same markdown format as presentations. Engine auto-detects: [stats], [chart], [table], [progress], [donut].',
+      'EXAMPLE: ---TOOL:dashboard:Sales Dashboard|dark|## KPIs\n[stats]\n- 💰 $2.4M — Revenue (+12%)\n- 👥 1,234 — Customers (+8%)\n- 📈 78% — Conversion\n\n## Revenue by Product\n[chart]\n- Enterprise: 850\n- Pro: 420\n- Starter: 180\n\n## Targets\n[progress]\n- Q1 Revenue: 85%\n- New Customers: 72%\n- NPS Score: 91%---',
+      '', '### Render Chart (sends as image!)',
+      '---TOOL:canvas_chart:title|type|label:value,label:value---',
+      'Render a chart (bar, pie, doughnut) as image. Separate items with commas.',
+      '', '### Render Custom HTML (sends as image!)',
+      '---TOOL:canvas_html:html content---',
+      'Render any HTML as an image. Built-in dark theme CSS with cards, grids, stats, tables.');
+
     tools.push('', '### Pair Device',
       '---TOOL:node_pair:device name---',
       'Generate a pairing code for a new device (phone, PC, server).',
@@ -359,45 +380,32 @@ export class ToolRouter {
         }
         case 'pptx':
         case 'pptx_slides':
+        case 'pptx_pro':
         case 'powerpoint':
         case 'presentation': {
           try {
-            const { PptxGenerator } = await import('./pptx.js');
-            const gen = new PptxGenerator();
-            
-            // Parse: title|theme|content or just content
+            const { generatePresentation } = await import('./pptx-pro.js');
             const parts = toolArg.split('|');
-            let title, theme, slideContent;
-            
+            let title, theme, content;
             if (parts.length >= 3) {
               title = parts[0].trim();
               theme = parts[1].trim();
-              slideContent = parts.slice(2).join('|');
+              content = parts.slice(2).join('|');
             } else if (parts.length === 2) {
               title = parts[0].trim();
-              slideContent = parts[1];
-              theme = 'corporate';
+              content = parts[1];
+              theme = 'executive';
             } else {
-              // Try to extract title from first ## heading
-              const firstH2 = toolArg.match(/^##\s+(.+)/m);
-              title = firstH2 ? firstH2[1] : 'Presentation';
-              slideContent = toolArg;
-              theme = 'corporate';
+              const firstH = toolArg.match(/^#\s+(.+)/m);
+              title = firstH ? firstH[1] : 'Presentation';
+              content = toolArg;
+              theme = 'executive';
             }
-            
-            const slides = PptxGenerator.parseContent(slideContent);
-            if (slides.length === 0) {
-              toolResult = 'No slides found. Use ## headings and - bullet points.';
-              break;
-            }
-            
-            const result = await gen.create(title, slides, { theme });
-            
-            // Return file path for sending
+            const result = await generatePresentation({ title, theme, content });
             return {
               toolUsed: true,
               toolName: 'pptx',
-              toolResult: 'PowerPoint created: ' + result.filename + ' (' + result.slideCount + ' slides)',
+              toolResult: 'PowerPoint created: ' + result.filename + ' (' + result.slides + ' slides, types: ' + result.types.join(', ') + ')',
               filePath: result.filepath,
               fileName: result.filename,
               cleanResponse
@@ -697,6 +705,47 @@ export class ToolRouter {
           }
           break;
         }
+        case 'canvas_dashboard':
+        case 'dashboard': {
+          try {
+            const { renderDashboard } = await import('./dashboard-pro.js');
+            const result = await renderDashboard(toolArg);
+            if (result.buffer) {
+              return { toolUsed: true, toolName: 'dashboard', toolResult: 'Dashboard rendered', imageBase64: result.buffer.toString('base64'), mimeType: 'image/png', cleanResponse };
+            } else {
+              return { toolUsed: true, toolName: 'dashboard', toolResult: 'Dashboard created', filePath: result.filepath, fileName: result.filename, cleanResponse };
+            }
+          } catch (err) { toolResult = 'Dashboard failed: ' + err.message; }
+          break;
+        }
+        case 'canvas_chart': {
+          if (!this._engine?.canvas) { toolResult = 'Canvas not available'; break; }
+          try {
+            const parts = toolArg.split('|');
+            const title = parts[0]?.trim() || 'Chart';
+            const type = parts[1]?.trim() || 'bar';
+            const items = [];
+            if (parts[2]) {
+              parts[2].split(',').forEach(c => {
+                const [label, value] = c.trim().split(':');
+                if (value) items.push({ label: label || '', value: parseInt(value) || 0 });
+              });
+            }
+            const result = await this._engine.canvas.renderChart({ title, type, items });
+            return { toolUsed: true, toolName: 'canvas', toolResult: 'Chart rendered', imageBase64: result.buffer.toString('base64'), mimeType: 'image/png', cleanResponse };
+          } catch (err) { toolResult = 'Canvas failed: ' + err.message; }
+          break;
+        }
+        case 'canvas_html':
+        case 'canvas_render':
+        case 'canvas': {
+          if (!this._engine?.canvas) { toolResult = 'Canvas not available'; break; }
+          try {
+            const result = await this._engine.canvas.renderHtml(toolArg);
+            return { toolUsed: true, toolName: 'canvas', toolResult: 'Rendered', imageBase64: result.buffer.toString('base64'), mimeType: 'image/png', cleanResponse };
+          } catch (err) { toolResult = 'Canvas failed: ' + err.message; }
+          break;
+        }
         case 'node_pair': {
           if (!this._engine?.nodeManager) { toolResult = 'Nodes not available'; break; }
           const token = this._engine.nodeManager.generatePairToken(agentId, toolArg || 'Device');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "squidclaw",
-  "version": "2.8.0",
+  "version": "3.1.0",
   "description": "🦑 AI agent platform — human-like agents for WhatsApp, Telegram & more",
   "main": "lib/engine.js",
   "bin": {