Components

JSON-driven component library for Power Flow workflows

Code Editor

code-editor

Interactive code editor with syntax highlighting for JavaScript, Python, and JSON

Features

CodeMirror integration
Multiple language support
Dark theme optimized
Real-time editing
Copy & download functionality

Abacus AI

abacus-ai

AI-powered text generation and processing using Abacus AI services

Features

GPT-4.1 Mini integration
Customizable parameters
Temperature & token controls
Streaming responses
Model selection

JSON Configuration Schema

Component configuration structure for JSON-driven workflows

code editor Schema

{
  "nodeId": "string",
  "type": "code-editor",
  "position": {
    "x": "number",
    "y": "number"
  },
  "data": {
    "code": "string",
    "language": "javascript | python | json",
    "readOnly": "boolean (optional)",
    "title": "string (optional)"
  }
}

abacus ai Schema

{
  "nodeId": "string",
  "type": "abacus-ai",
  "position": {
    "x": "number",
    "y": "number"
  },
  "data": {
    "prompt": "string",
    "model": "string (optional)",
    "temperature": "number (optional)",
    "maxTokens": "number (optional)",
    "title": "string (optional)"
  }
}

Usage Examples

Example workflow configurations

Simple Code Editor

{
  "id": "code-1",
  "type": "code-editor",
  "position": {
    "x": 100,
    "y": 100
  },
  "data": {
    "code": "console.log(\"Hello World\");",
    "language": "javascript",
    "title": "Hello World Example"
  }
}

AI Text Generator

{
  "id": "ai-1",
  "type": "abacus-ai",
  "position": {
    "x": 300,
    "y": 100
  },
  "data": {
    "prompt": "Write a creative story about space exploration",
    "model": "gpt-4.1-mini",
    "temperature": 0.8,
    "maxTokens": 500,
    "title": "Story Generator"
  }
}