xcomponent-ai 0.2.1 → 0.2.2

package/dist/cli.js

@@ -61,7 +61,7 @@ const program = new commander_1.Command();
 program
     .name('xcomponent-ai')
     .description('Agentic FSM tool for fintech workflows')
-    .version('0.2.1');
+    .version('0.2.2');
 /**
  * Initialize new project
  */

package/dist/swagger-spec.js

@@ -9,7 +9,7 @@ function generateSwaggerSpec(component, port) {
         openapi: '3.0.0',
         info: {
             title: 'xcomponent-ai REST API',
-            version: '0.2.1',
+            version: '0.2.2',
             description: `REST API for ${component.name} FSM runtime. 
       
 Manage state machine instances, send events, and monitor execution in real-time.`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xcomponent-ai",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "LLM-first framework for AI agents (Claude, GPT) to build apps with sanctuarized business logic. Event-driven FSM runtime with multi-instance state machines, cross-component communication, event sourcing, and production-ready persistence (PostgreSQL, MongoDB)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/public/dashboard.html

@@ -249,8 +249,8 @@
     });
     
     socket.on('component_data', (data) => {
-      componentData = data;
-      document.getElementById('component-name').textContent = data.name;
+      componentData = data.component;
+      document.getElementById('component-name').textContent = componentData.name;
       populateSelectors();
     });
     
@@ -384,8 +384,8 @@
     function renderDiagram() {
       const machineName = document.getElementById('diagram-machine').value;
       if (!machineName || !componentData) return;
-      
-      const machine = componentData.machines.find(m => m.name === machineName);
+
+      const machine = componentData.stateMachines.find(m => m.name === machineName);
       if (!machine) return;
       
       // Generate Mermaid diagram
@@ -423,8 +423,8 @@
     function updateCreateForm() {
       const machineName = document.getElementById('create-machine').value;
       if (!machineName || !componentData) return;
-      
-      const machine = componentData.machines.find(m => m.name === machineName);
+
+      const machine = componentData.stateMachines.find(m => m.name === machineName);
       if (!machine || !machine.contextSchema) {
         document.getElementById('create-form-fields').innerHTML = '<div class="form-group"><label>Context (JSON)</label><textarea id="context-json" rows="4"></textarea></div>';
         return;
@@ -451,8 +451,8 @@
     async function createInstance() {
       const machineName = document.getElementById('create-machine').value;
       if (!machineName) return alert('Please select a state machine');
-      
-      const machine = componentData?.machines.find(m => m.name === machineName);
+
+      const machine = componentData?.stateMachines.find(m => m.name === machineName);
       let context = {};
       
       if (machine?.contextSchema) {
@@ -486,9 +486,9 @@
     }
     
     function populateSelectors() {
-      if (!componentData) return;
-      
-      const machines = componentData.machines.map(m => `<option value="${m.name}">${m.name}</option>`).join('');
+      if (!componentData || !componentData.stateMachines) return;
+
+      const machines = componentData.stateMachines.map(m => `<option value="${m.name}">${m.name}</option>`).join('');
       document.getElementById('filter-machine').innerHTML = '<option value="">All Machines</option>' + machines;
       document.getElementById('diagram-machine').innerHTML = '<option value="">Select...</option>' + machines;
       document.getElementById('create-machine').innerHTML = '<option value="">Select...</option>' + machines;