flowengine-mcp-app 1.0.0

package/build/ui/widgets.js

@@ -0,0 +1,200 @@
+/**
+ * UI Builder - Forms, Chatbots, and Interactive Components
+ */
+import { baseLayout, renderEmptyState } from './base.js';
+export function renderWidgetBuilder(widgets, instanceId) {
+    if (!widgets || widgets.length === 0) {
+        return baseLayout('UI Builder', `
+      <div class="header">
+        <h1>🎨 UI Builder</h1>
+        <p>Create and manage forms, chatbots, and interactive components</p>
+      </div>
+      ${renderEmptyState('No Components Found', 'You don\'t have any UI components yet. Create your first form, chatbot, or interactive element to engage with your users.')}
+    `);
+    }
+    const activeCount = widgets.filter((w) => w.is_active).length;
+    const totalSubmissions = widgets.reduce((sum, w) => sum + (w.submissions_count || 0), 0);
+    const widgetCards = widgets
+        .map((widget) => {
+        const statusBadge = widget.is_active
+            ? '<span class="badge badge-success"><span class="dot dot-success"></span>Live</span>'
+            : '<span class="badge badge-neutral"><span class="dot dot-neutral"></span>Draft</span>';
+        const typeIcon = getWidgetTypeIcon(widget.widget_type);
+        const typeBadge = getWidgetTypeBadge(widget.widget_type);
+        return `
+        <div class="card">
+          <div class="card-header">
+            <div>
+              <div class="card-title">${typeIcon} ${widget.name}</div>
+              <div class="card-subtitle">ID: ${widget.id.slice(0, 8)}...</div>
+            </div>
+            ${statusBadge}
+          </div>
+
+          <div>
+            <div class="stat">
+              <span class="stat-label">Type</span>
+              <span class="stat-value">${typeBadge}</span>
+            </div>
+            <div class="stat">
+              <span class="stat-label">Submissions</span>
+              <span class="stat-value">${widget.submissions_count || 0}</span>
+            </div>
+            <div class="stat">
+              <span class="stat-label">Webhook</span>
+              <span class="stat-value"><span class="code">${truncateUrl(widget.webhook_url)}</span></span>
+            </div>
+            <div class="stat">
+              <span class="stat-label">Created</span>
+              <span class="stat-value">${new Date(widget.created_at).toLocaleDateString()}</span>
+            </div>
+          </div>
+
+          <div class="actions">
+            <button class="btn btn-primary">Edit</button>
+            <button class="btn btn-secondary">Preview</button>
+            <button class="btn btn-secondary">Get Embed Code</button>
+          </div>
+        </div>
+      `;
+    })
+        .join('');
+    return baseLayout('UI Builder', `
+    <div class="header">
+      <h1>🎨 UI Builder</h1>
+      <p>${widgets.length} components • ${activeCount} live • ${totalSubmissions.toLocaleString()} total submissions</p>
+    </div>
+
+    <div class="grid">
+      ${widgetCards}
+    </div>
+
+    <div class="card">
+      <h3 style="margin-bottom: 12px;">Create New Component</h3>
+      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px;">
+        <button class="btn btn-primary">📝 Form</button>
+        <button class="btn btn-secondary">💬 Chatbot</button>
+        <button class="btn btn-secondary">📋 Survey</button>
+        <button class="btn btn-secondary">📞 Contact Form</button>
+      </div>
+    </div>
+  `);
+}
+export function renderWidgetDetails(widget) {
+    const statusBadge = widget.is_active
+        ? '<span class="badge badge-success">Live</span>'
+        : '<span class="badge badge-neutral">Draft</span>';
+    const typeIcon = getWidgetTypeIcon(widget.widget_type);
+    const embedCode = generateEmbedCode(widget.id);
+    return baseLayout(`${widget.name}`, `
+    <div class="header">
+      <h1>${typeIcon} ${widget.name}</h1>
+      <p>Component ID: <span class="code">${widget.id}</span> • ${statusBadge}</p>
+    </div>
+
+    <div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 24px;">
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Type</span>
+          <span class="stat-value">${getWidgetTypeBadge(widget.widget_type)}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Status</span>
+          <span class="stat-value">${statusBadge}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Submissions</span>
+          <span class="stat-value">${widget.submissions_count || 0}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Last Updated</span>
+          <span class="stat-value">${new Date(widget.updated_at).toLocaleDateString()}</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="card" style="margin-bottom: 24px;">
+      <h3 style="margin-bottom: 16px;">Webhook Configuration</h3>
+      <div class="stat">
+        <span class="stat-label">Webhook URL</span>
+        <span class="stat-value"><span class="code">${widget.webhook_url}</span></span>
+      </div>
+    </div>
+
+    <div class="card" style="margin-bottom: 24px;">
+      <h3 style="margin-bottom: 16px;">Embed Code</h3>
+      <div style="background: rgba(38, 38, 38, 0.5); border: 1px solid #262626; border-radius: 8px; padding: 16px; font-family: monospace; font-size: 13px; overflow-x: auto;">
+        <pre style="margin: 0; color: #22c55e;">${escapeHtml(embedCode)}</pre>
+      </div>
+      <button class="btn btn-secondary" style="margin-top: 12px;">📋 Copy Embed Code</button>
+    </div>
+
+    ${widget.config ? renderWidgetConfig(widget.config) : ''}
+
+    <div class="actions">
+      <button class="btn btn-primary">Edit</button>
+      <button class="btn btn-secondary">Preview</button>
+      ${widget.is_active ? '<button class="btn btn-secondary">Unpublish</button>' : '<button class="btn btn-primary">Publish</button>'}
+      <button class="btn btn-danger">Delete</button>
+    </div>
+  `);
+}
+function getWidgetTypeIcon(type) {
+    const icons = {
+        form: '📝',
+        chat: '💬',
+        chatbot: '🤖',
+        survey: '📋',
+        contact: '📞',
+        booking: '📅',
+        custom: '⚙️',
+    };
+    return icons[type.toLowerCase()] || '🎨';
+}
+function getWidgetTypeBadge(type) {
+    const typeMap = {
+        form: 'Form',
+        chat: 'Chat',
+        chatbot: 'Chatbot',
+        survey: 'Survey',
+        contact: 'Contact',
+        booking: 'Booking',
+        custom: 'Custom',
+    };
+    const displayName = typeMap[type.toLowerCase()] || type;
+    return `<span class="code">${displayName}</span>`;
+}
+function truncateUrl(url) {
+    if (url.length <= 40)
+        return url;
+    return url.slice(0, 37) + '...';
+}
+function generateEmbedCode(widgetId) {
+    return `<!-- FlowEngine Widget -->
+<div id="flowengine-widget-${widgetId}"></div>
+<script src="https://flowengine.cloud/widget.js"></script>
+<script>
+  FlowEngine.init('${widgetId}');
+</script>`;
+}
+function escapeHtml(html) {
+    return html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
+}
+function renderWidgetConfig(config) {
+    const configJson = JSON.stringify(config, null, 2);
+    return `
+    <div class="card" style="margin-bottom: 24px;">
+      <h3 style="margin-bottom: 16px;">Configuration</h3>
+      <div style="background: rgba(38, 38, 38, 0.5); border: 1px solid #262626; border-radius: 8px; padding: 16px; font-family: monospace; font-size: 13px; overflow-x: auto; max-height: 300px; overflow-y: auto;">
+        <pre style="margin: 0; color: #a3a3a3;">${escapeHtml(configJson)}</pre>
+      </div>
+    </div>
+  `;
+}
+//# sourceMappingURL=widgets.js.map

package/build/ui/widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.js","sourceRoot":"","sources":["../../src/ui/widgets.ts"],"names":[],"mappings":"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"}

package/build/ui/workflows.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Workflows Manager UI
+ */
+export interface Workflow {
+    id: string;
+    name: string;
+    active: boolean;
+    created_at: string;
+    updated_at: string;
+    executions_count?: number;
+    last_execution_status?: string;
+    last_execution_at?: string;
+    tags?: string[];
+}
+export declare function renderWorkflowsManager(workflows: Workflow[], instanceId?: string): string;
+export declare function renderWorkflowDetails(workflow: Workflow, executions: any[]): string;
+//# sourceMappingURL=workflows.d.ts.map

package/build/ui/workflows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflows.d.ts","sourceRoot":"","sources":["../../src/ui/workflows.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAgGzF;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,MAAM,CAuDnF"}

package/build/ui/workflows.js

@@ -0,0 +1,217 @@
+/**
+ * Workflows Manager UI
+ */
+import { baseLayout, renderEmptyState } from './base.js';
+export function renderWorkflowsManager(workflows, instanceId) {
+    if (!workflows || workflows.length === 0) {
+        return baseLayout('Workflows', `
+      <div class="header">
+        <h1>⚡ Workflows</h1>
+        <p>Manage your automation workflows</p>
+      </div>
+      ${renderEmptyState('No Workflows Found', 'You don\'t have any workflows yet. Create your first workflow to automate your processes.')}
+    `);
+    }
+    const activeCount = workflows.filter((w) => w.active).length;
+    const totalExecutions = workflows.reduce((sum, w) => sum + (w.executions_count || 0), 0);
+    const workflowCards = workflows
+        .map((workflow) => {
+        const statusBadge = workflow.active
+            ? '<span class="badge badge-success"><span class="dot dot-success"></span>Active</span>'
+            : '<span class="badge badge-neutral"><span class="dot dot-neutral"></span>Inactive</span>';
+        const executionBadge = getExecutionBadge(workflow.last_execution_status);
+        return `
+        <div class="card">
+          <div class="card-header">
+            <div>
+              <div class="card-title">${workflow.name}</div>
+              <div class="card-subtitle">ID: ${workflow.id.slice(0, 8)}...</div>
+            </div>
+            ${statusBadge}
+          </div>
+
+          <div>
+            <div class="stat">
+              <span class="stat-label">Total Executions</span>
+              <span class="stat-value">${workflow.executions_count || 0}</span>
+            </div>
+            ${workflow.last_execution_at
+            ? `
+            <div class="stat">
+              <span class="stat-label">Last Run</span>
+              <span class="stat-value">${executionBadge} ${formatRelativeTime(workflow.last_execution_at)}</span>
+            </div>`
+            : ''}
+            <div class="stat">
+              <span class="stat-label">Updated</span>
+              <span class="stat-value">${formatRelativeTime(workflow.updated_at)}</span>
+            </div>
+          </div>
+
+          ${workflow.tags && workflow.tags.length > 0
+            ? `
+          <div style="margin-top: 12px; display: flex; gap: 6px; flex-wrap: wrap;">
+            ${workflow.tags.map((tag) => `<span class="badge badge-neutral" style="font-size: 11px;">${tag}</span>`).join('')}
+          </div>`
+            : ''}
+
+          <div class="actions">
+            ${workflow.active ? '<button class="btn btn-secondary">⏸ Pause</button>' : '<button class="btn btn-primary">▶️ Activate</button>'}
+            <button class="btn btn-secondary">View Executions</button>
+            <button class="btn btn-danger">Archive</button>
+          </div>
+        </div>
+      `;
+    })
+        .join('');
+    return baseLayout('Workflows', `
+    <div class="header">
+      <h1>⚡ Workflows</h1>
+      <p>${workflows.length} workflows • ${activeCount} active • ${totalExecutions.toLocaleString()} total executions</p>
+    </div>
+
+    <div class="grid">
+      ${workflowCards}
+    </div>
+
+    <div class="card">
+      <h3 style="margin-bottom: 12px;">Quick Actions</h3>
+      <div style="display: flex; gap: 12px;">
+        <button class="btn btn-primary">+ New Workflow</button>
+        <button class="btn btn-secondary">Import Template</button>
+        <button class="btn btn-secondary">View All Executions</button>
+      </div>
+    </div>
+  `);
+}
+export function renderWorkflowDetails(workflow, executions) {
+    const statusBadge = workflow.active
+        ? '<span class="badge badge-success">Active</span>'
+        : '<span class="badge badge-neutral">Inactive</span>';
+    const recentExecutions = executions.slice(0, 10);
+    return baseLayout(`Workflow: ${workflow.name}`, `
+    <div class="header">
+      <h1>⚡ ${workflow.name}</h1>
+      <p>Workflow ID: <span class="code">${workflow.id}</span> • ${statusBadge}</p>
+    </div>
+
+    <div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 24px;">
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Status</span>
+          <span class="stat-value">${statusBadge}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Total Runs</span>
+          <span class="stat-value">${workflow.executions_count || 0}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Last Run</span>
+          <span class="stat-value">${workflow.last_execution_at ? formatRelativeTime(workflow.last_execution_at) : 'Never'}</span>
+        </div>
+      </div>
+      <div class="card">
+        <div class="stat">
+          <span class="stat-label">Success Rate</span>
+          <span class="stat-value">${calculateSuccessRate(executions)}%</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="card" style="margin-bottom: 24px;">
+      <h3 style="margin-bottom: 16px;">Recent Executions</h3>
+      ${renderExecutionsTable(recentExecutions)}
+    </div>
+
+    <div class="actions">
+      ${workflow.active ? '<button class="btn btn-secondary">⏸ Pause Workflow</button>' : '<button class="btn btn-primary">▶️ Activate Workflow</button>'}
+      <button class="btn btn-secondary">Edit Workflow</button>
+      <button class="btn btn-secondary">View Parameters</button>
+      <button class="btn btn-danger">Archive</button>
+    </div>
+  `);
+}
+function renderExecutionsTable(executions) {
+    if (!executions || executions.length === 0) {
+        return renderEmptyState('No Executions', 'This workflow hasn\'t been executed yet.');
+    }
+    const rows = executions
+        .map((exec) => `
+    <tr>
+      <td>${getExecutionBadge(exec.status)}</td>
+      <td><span class="code">${exec.id.slice(0, 12)}...</span></td>
+      <td>${formatRelativeTime(exec.started_at)}</td>
+      <td>${exec.finished_at ? calculateDuration(exec.started_at, exec.finished_at) : 'Running...'}</td>
+    </tr>
+  `)
+        .join('');
+    return `
+    <table class="table">
+      <thead>
+        <tr>
+          <th>Status</th>
+          <th>Execution ID</th>
+          <th>Started</th>
+          <th>Duration</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${rows}
+      </tbody>
+    </table>
+  `;
+}
+function getExecutionBadge(status) {
+    if (!status)
+        return '<span class="badge badge-neutral">Unknown</span>';
+    const statusLower = status.toLowerCase();
+    if (statusLower === 'success' || statusLower === 'succeeded') {
+        return '<span class="badge badge-success">✓ Success</span>';
+    }
+    else if (statusLower === 'error' || statusLower === 'failed') {
+        return '<span class="badge badge-error">✗ Failed</span>';
+    }
+    else if (statusLower === 'running') {
+        return '<span class="badge badge-warning">⏳ Running</span>';
+    }
+    else {
+        return `<span class="badge badge-neutral">${status}</span>`;
+    }
+}
+function formatRelativeTime(timestamp) {
+    const date = new Date(timestamp);
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMins / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffMins < 1)
+        return 'Just now';
+    if (diffMins < 60)
+        return `${diffMins}m ago`;
+    if (diffHours < 24)
+        return `${diffHours}h ago`;
+    if (diffDays < 7)
+        return `${diffDays}d ago`;
+    return date.toLocaleDateString();
+}
+function calculateDuration(start, end) {
+    const diffMs = new Date(end).getTime() - new Date(start).getTime();
+    const diffSecs = Math.floor(diffMs / 1000);
+    if (diffSecs < 60)
+        return `${diffSecs}s`;
+    const mins = Math.floor(diffSecs / 60);
+    const secs = diffSecs % 60;
+    return `${mins}m ${secs}s`;
+}
+function calculateSuccessRate(executions) {
+    if (!executions || executions.length === 0)
+        return 0;
+    const successful = executions.filter((e) => e.status?.toLowerCase() === 'success' || e.status?.toLowerCase() === 'succeeded').length;
+    return Math.round((successful / executions.length) * 100);
+}
+//# sourceMappingURL=workflows.js.map

package/build/ui/workflows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflows.js","sourceRoot":"","sources":["../../src/ui/workflows.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "flowengine-mcp-app",
+  "version": "1.0.0",
+  "description": "MCP App for FlowEngine - Interactive UI for managing workflows, portals, widgets, and hosting directly in Claude Code",
+  "type": "module",
+  "bin": {
+    "flowengine-mcp": "./build/index.js"
+  },
+  "main": "./build/index.js",
+  "files": [
+    "build/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/flowengine/flowengine.git",
+    "directory": "flowengine-mcp"
+  },
+  "homepage": "https://flowengine.cloud",
+  "bugs": {
+    "url": "https://github.com/flowengine/flowengine/issues"
+  },
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "flowengine",
+    "mcp",
+    "mcp-app",
+    "model-context-protocol",
+    "claude",
+    "automation",
+    "n8n",
+    "ui",
+    "workflows",
+    "no-code"
+  ],
+  "author": "FlowEngine",
+  "license": "MIT",
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.0.4"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.5",
+    "typescript": "^5.7.3"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}