flowengine-mcp-app 2.0.1 → 3.0.1

package/build/ui/dashboard.js

@@ -1,252 +0,0 @@
-/**
- * Unified Dashboard - Portals & Hosting Management
- * Combines portal and instance management into a single interface
- */
-import { baseLayout, renderEmptyState } from './base.js';
-export function renderUnifiedDashboard(portals) {
-    if (!portals || portals.length === 0) {
-        return baseLayout('Dashboard', `
-      <div class="header">
-        <h1>🏢 FlowEngine Dashboard</h1>
-        <p>Manage your portals and hosting instances</p>
-      </div>
-      ${renderEmptyState('No Portals or Instances Found', 'You don\'t have any portals yet. Create your first instance to get started.')}
-      <div class="card">
-        <h3 style="margin-bottom: 12px;">Get Started</h3>
-        <p style="color: rgba(156, 163, 175, 1); margin-bottom: 16px;">FlowEngine provides fully-managed n8n automation portals. Each portal includes:</p>
-        <ul style="color: rgba(156, 163, 175, 1); margin-left: 20px; margin-bottom: 16px;">
-          <li>Dedicated n8n automation server with custom domain</li>
-          <li>Client portal with white-label branding</li>
-          <li>Automated backups and scalable storage</li>
-          <li>Workflow and UI component builder</li>
-        </ul>
-        <button class="btn btn-primary">+ Create New Portal</button>
-      </div>
-    `);
-    }
-    // Calculate metrics
-    const dedicatedPortals = portals.filter(p => p.type === 'dedicated');
-    const payPerInstancePortals = portals.filter(p => p.type === 'pay-per-instance');
-    const activePortals = portals.filter(p => p.status === 'active' || p.status === 'running');
-    const totalStorage = portals.reduce((sum, p) => sum + p.storage_limit_gb, 0);
-    const usedStorage = portals.reduce((sum, p) => sum + (p.storage_used_gb || 0), 0);
-    const storagePercent = totalStorage > 0 ? Math.round((usedStorage / totalStorage) * 100) : 0;
-    const portalCards = portals
-        .map((portal) => {
-        const statusBadge = getStatusBadge(portal.status, portal.subscription_status);
-        const typeBadge = getTypeBadge(portal.type);
-        const storageUsed = portal.storage_used_gb || Math.floor(portal.storage_limit_gb * 0.3); // Mock if not available
-        const storagePercent = portal.storage_limit_gb > 0 ? Math.round((storageUsed / portal.storage_limit_gb) * 100) : 0;
-        const storageBarColor = storagePercent > 80 ? 'rgba(248, 113, 113, 1)' : storagePercent > 60 ? 'rgba(250, 204, 21, 1)' : 'rgba(74, 222, 128, 1)';
-        return `
-        <div class="card">
-          <div class="card-header">
-            <div>
-              <div class="card-title">${portal.instance_url}</div>
-              <div class="card-subtitle">${portal.instance_name || `ID: ${portal.id.slice(0, 8)}...`}</div>
-            </div>
-            <div style="display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end;">
-              ${statusBadge}
-              ${typeBadge}
-            </div>
-          </div>
-
-          <div>
-            <div class="stat">
-              <span class="stat-label">Storage</span>
-              <span class="stat-value">${storageUsed} GB / ${portal.storage_limit_gb} GB</span>
-            </div>
-            <div class="progress" style="margin-top: 8px; margin-bottom: 12px;">
-              <div class="progress-bar" style="width: ${storagePercent}%; background: ${storageBarColor};"></div>
-            </div>
-
-            ${portal.client_email ? `
-            <div class="stat">
-              <span class="stat-label">Client</span>
-              <span class="stat-value">${portal.client_email}</span>
-            </div>
-            ` : ''}
-
-            <div class="stat">
-              <span class="stat-label">Subscription</span>
-              <span class="stat-value">${portal.subscription_status || 'Active'}</span>
-            </div>
-
-            <div class="stat">
-              <span class="stat-label">Created</span>
-              <span class="stat-value">${new Date(portal.created_at).toLocaleDateString()}</span>
-            </div>
-          </div>
-
-          <div class="actions">
-            <a href="https://${portal.instance_url}" target="_blank" class="btn btn-primary">
-              Open Portal →
-            </a>
-            <button class="btn btn-secondary">Settings</button>
-            <button class="btn btn-secondary">Manage</button>
-          </div>
-        </div>
-      `;
-    })
-        .join('');
-    return baseLayout('Dashboard', `
-    <div class="header">
-      <h1>🏢 FlowEngine Dashboard</h1>
-      <p>Manage ${portals.length} portal${portals.length === 1 ? '' : 's'} • ${activePortals.length} active • ${usedStorage.toFixed(1)} / ${totalStorage} GB used</p>
-    </div>
-
-    <div class="metric-grid">
-      <div class="metric-card">
-        <div class="metric-value">${portals.length}</div>
-        <div class="metric-label">Total Portals</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${activePortals.length}</div>
-        <div class="metric-label">Active</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${dedicatedPortals.length}</div>
-        <div class="metric-label">Dedicated</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${storagePercent}%</div>
-        <div class="metric-label">Storage Used</div>
-      </div>
-    </div>
-
-    <div class="grid">
-      ${portalCards}
-    </div>
-
-    <div class="card">
-      <h3 style="margin-bottom: 12px;">Quick Actions</h3>
-      <div style="display: flex; gap: 12px; flex-wrap: wrap;">
-        <button class="btn btn-primary">+ New Portal</button>
-        <button class="btn btn-secondary">Invite Client</button>
-        <button class="btn btn-secondary">View All Backups</button>
-        <button class="btn btn-secondary">Billing Settings</button>
-      </div>
-    </div>
-  `);
-}
-function getStatusBadge(status, subscriptionStatus) {
-    const isActive = status === 'active' || status === 'running';
-    const isPaused = status === 'paused' || subscriptionStatus === 'paused';
-    const isError = status === 'error' || status === 'failed';
-    if (isActive) {
-        return '<span class="badge badge-success"><span class="dot dot-success"></span>Active</span>';
-    }
-    else if (isPaused) {
-        return '<span class="badge badge-warning"><span class="dot dot-warning"></span>Paused</span>';
-    }
-    else if (isError) {
-        return '<span class="badge badge-error"><span class="dot dot-error"></span>Error</span>';
-    }
-    else {
-        return '<span class="badge badge-neutral"><span class="dot dot-neutral"></span>Inactive</span>';
-    }
-}
-function getTypeBadge(type) {
-    if (type === 'dedicated') {
-        return '<span class="badge" style="background: rgba(168, 85, 247, 0.1); border: 1px solid rgba(168, 85, 247, 0.3); color: rgba(168, 85, 247, 1);">Dedicated</span>';
-    }
-    else {
-        return '<span class="badge badge-neutral">Pay-Per-Instance</span>';
-    }
-}
-export function renderPortalDetails(portal) {
-    const statusBadge = getStatusBadge(portal.status, portal.subscription_status);
-    const typeBadge = getTypeBadge(portal.type);
-    const storageUsed = portal.storage_used_gb || Math.floor(portal.storage_limit_gb * 0.3);
-    const storagePercent = portal.storage_limit_gb > 0 ? Math.round((storageUsed / portal.storage_limit_gb) * 100) : 0;
-    return baseLayout(`Portal: ${portal.instance_url}`, `
-    <div class="header">
-      <h1>🏢 ${portal.instance_url}</h1>
-      <p>Portal ID: <span class="code">${portal.id.slice(0, 8)}...</span> • ${statusBadge} ${typeBadge}</p>
-    </div>
-
-    <div class="metric-grid" style="margin-bottom: 24px;">
-      <div class="metric-card">
-        <div class="metric-value">${statusBadge}</div>
-        <div class="metric-label">Status</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${storageUsed} GB</div>
-        <div class="metric-label">Storage Used</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${portal.storage_limit_gb} GB</div>
-        <div class="metric-label">Total Storage</div>
-      </div>
-      <div class="metric-card">
-        <div class="metric-value">${portal.subscription_status || 'Active'}</div>
-        <div class="metric-label">Subscription</div>
-      </div>
-    </div>
-
-    <div class="card" style="margin-bottom: 24px;">
-      <h3 style="margin-bottom: 16px;">Storage Usage</h3>
-      <div style="margin-bottom: 12px;">
-        <div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
-          <span style="color: rgba(156, 163, 175, 1); font-size: 14px;">Used: ${storageUsed} GB</span>
-          <span style="color: rgba(156, 163, 175, 1); font-size: 14px;">${storagePercent}%</span>
-        </div>
-        <div class="progress">
-          <div class="progress-bar" style="width: ${storagePercent}%;"></div>
-        </div>
-      </div>
-      ${storagePercent > 80
-        ? '<div style="color: rgba(248, 113, 113, 1); font-size: 13px; margin-top: 12px;">⚠️ Storage is running low. Consider upgrading your plan.</div>'
-        : ''}
-    </div>
-
-    <div class="card" style="margin-bottom: 24px;">
-      <h3 style="margin-bottom: 16px;">Portal Information</h3>
-      <div class="stat">
-        <span class="stat-label">Portal URL</span>
-        <span class="stat-value"><a href="https://${portal.instance_url}" target="_blank">${portal.instance_url}</a></span>
-      </div>
-      <div class="stat">
-        <span class="stat-label">Instance Name</span>
-        <span class="stat-value">${portal.instance_name || 'N/A'}</span>
-      </div>
-      <div class="stat">
-        <span class="stat-label">Type</span>
-        <span class="stat-value">${typeBadge}</span>
-      </div>
-      ${portal.client_email ? `
-      <div class="stat">
-        <span class="stat-label">Client Email</span>
-        <span class="stat-value">${portal.client_email}</span>
-      </div>
-      ` : ''}
-      ${portal.allow_full_access !== undefined ? `
-      <div class="stat">
-        <span class="stat-label">Full Access</span>
-        <span class="stat-value">${portal.allow_full_access ? 'Enabled' : 'Disabled'}</span>
-      </div>
-      ` : ''}
-      <div class="stat">
-        <span class="stat-label">Created</span>
-        <span class="stat-value">${new Date(portal.created_at).toLocaleDateString()}</span>
-      </div>
-      ${portal.updated_at ? `
-      <div class="stat">
-        <span class="stat-label">Last Updated</span>
-        <span class="stat-value">${new Date(portal.updated_at).toLocaleDateString()}</span>
-      </div>
-      ` : ''}
-    </div>
-
-    <div class="actions">
-      <a href="https://${portal.instance_url}" target="_blank" class="btn btn-primary">
-        Open Portal →
-      </a>
-      <button class="btn btn-secondary">Change Domain</button>
-      <button class="btn btn-secondary">Upgrade Storage</button>
-      <button class="btn btn-secondary">Create Backup</button>
-      <button class="btn btn-danger">Delete Portal</button>
-    </div>
-  `);
-}
-//# sourceMappingURL=dashboard.js.map

package/build/ui/dashboard.js.map

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

package/build/ui/demo.d.ts

@@ -1,14 +0,0 @@
-/**
- * n8n Demo & Templates Showcase
- */
-export interface Template {
-    id: string;
-    name: string;
-    description: string;
-    category: string;
-    nodes_count?: number;
-    difficulty?: string;
-    tags?: string[];
-}
-export declare function renderDemoShowcase(templates?: Template[]): string;
-//# sourceMappingURL=demo.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../src/ui/demo.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAsCjE"}

package/build/ui/demo.js

@@ -1,222 +0,0 @@
-/**
- * n8n Demo & Templates Showcase
- */
-import { baseLayout } from './base.js';
-export function renderDemoShowcase(templates) {
-    const demoTemplates = templates || getDemoTemplates();
-    return baseLayout('n8n Demo & Templates', `
-    <div class="header">
-      <h1>🎬 n8n Demo & Templates</h1>
-      <p>Explore pre-built workflows and automation templates</p>
-    </div>
-
-    <div class="card" style="margin-bottom: 24px; background: linear-gradient(135deg, rgba(147, 51, 234, 0.1), rgba(79, 70, 229, 0.1)); border-color: rgba(147, 51, 234, 0.3);">
-      <h2 style="margin-bottom: 12px; font-size: 24px;">🚀 Try FlowEngine Free</h2>
-      <p style="color: #d4d4d4; margin-bottom: 16px; font-size: 15px;">
-        Experience the power of n8n automation with FlowEngine's free trial. Get started with pre-built templates and build your first workflow in minutes.
-      </p>
-      <div style="display: flex; gap: 12px;">
-        <button class="btn btn-primary">Start Free Trial</button>
-        <button class="btn btn-secondary">Watch Demo Video</button>
-      </div>
-    </div>
-
-    <h3 style="margin: 24px 0 16px;">Featured Templates</h3>
-    ${renderTemplateGrid(demoTemplates.slice(0, 6))}
-
-    <h3 style="margin: 32px 0 16px;">Popular Use Cases</h3>
-    ${renderUseCases()}
-
-    <div class="card" style="margin-top: 32px;">
-      <h3 style="margin-bottom: 12px;">Ready to Get Started?</h3>
-      <p style="color: #999; margin-bottom: 16px;">Browse all templates or create your first workflow from scratch.</p>
-      <div style="display: flex; gap: 12px;">
-        <button class="btn btn-primary">Browse All Templates</button>
-        <button class="btn btn-secondary">Create Custom Workflow</button>
-      </div>
-    </div>
-  `);
-}
-function renderTemplateGrid(templates) {
-    const templateCards = templates
-        .map((template) => {
-        const difficultyBadge = getDifficultyBadge(template.difficulty || 'beginner');
-        const categoryIcon = getCategoryIcon(template.category);
-        return `
-        <div class="card">
-          <div class="card-header">
-            <div>
-              <div class="card-title">${categoryIcon} ${template.name}</div>
-              <div class="card-subtitle">${template.description}</div>
-            </div>
-            ${difficultyBadge}
-          </div>
-
-          <div>
-            <div class="stat">
-              <span class="stat-label">Category</span>
-              <span class="stat-value"><span class="code">${template.category}</span></span>
-            </div>
-            ${template.nodes_count
-            ? `
-            <div class="stat">
-              <span class="stat-label">Nodes</span>
-              <span class="stat-value">${template.nodes_count}</span>
-            </div>`
-            : ''}
-          </div>
-
-          ${template.tags && template.tags.length > 0
-            ? `
-          <div style="margin-top: 12px; display: flex; gap: 6px; flex-wrap: wrap;">
-            ${template.tags.map((tag) => `<span class="badge badge-neutral" style="font-size: 11px;">${tag}</span>`).join('')}
-          </div>`
-            : ''}
-
-          <div class="actions">
-            <button class="btn btn-primary">Import Template</button>
-            <button class="btn btn-secondary">Preview</button>
-          </div>
-        </div>
-      `;
-    })
-        .join('');
-    return `
-    <div class="grid">
-      ${templateCards}
-    </div>
-  `;
-}
-function renderUseCases() {
-    const useCases = [
-        {
-            icon: '💬',
-            title: 'Customer Support Automation',
-            description: 'Automate ticket routing, responses, and follow-ups',
-            examples: ['Slack notifications', 'Email autoresponder', 'CRM sync'],
-        },
-        {
-            icon: '📊',
-            title: 'Data Sync & Integration',
-            description: 'Keep your data synchronized across platforms',
-            examples: ['Google Sheets to Airtable', 'CRM to email marketing', 'Database backups'],
-        },
-        {
-            icon: '🔔',
-            title: 'Notifications & Alerts',
-            description: 'Get notified when important events happen',
-            examples: ['Sales alerts', 'System monitoring', 'Social media mentions'],
-        },
-        {
-            icon: '📝',
-            title: 'Content & Social Media',
-            description: 'Automate content publishing and social media',
-            examples: ['Auto-posting', 'Content scheduling', 'Analytics reporting'],
-        },
-    ];
-    const cards = useCases
-        .map((useCase) => `
-    <div class="card">
-      <div style="font-size: 32px; margin-bottom: 12px;">${useCase.icon}</div>
-      <h4 style="margin-bottom: 8px;">${useCase.title}</h4>
-      <p style="color: #999; font-size: 14px; margin-bottom: 12px;">${useCase.description}</p>
-      <div style="display: flex; gap: 6px; flex-wrap: wrap;">
-        ${useCase.examples.map((ex) => `<span class="badge badge-neutral" style="font-size: 11px;">${ex}</span>`).join('')}
-      </div>
-    </div>
-  `)
-        .join('');
-    return `
-    <div class="grid">
-      ${cards}
-    </div>
-  `;
-}
-function getDifficultyBadge(difficulty) {
-    const difficultyLower = difficulty.toLowerCase();
-    if (difficultyLower === 'beginner' || difficultyLower === 'easy') {
-        return '<span class="badge badge-success">Beginner</span>';
-    }
-    else if (difficultyLower === 'intermediate' || difficultyLower === 'medium') {
-        return '<span class="badge badge-warning">Intermediate</span>';
-    }
-    else if (difficultyLower === 'advanced' || difficultyLower === 'hard') {
-        return '<span class="badge badge-error">Advanced</span>';
-    }
-    else {
-        return `<span class="badge badge-neutral">${difficulty}</span>`;
-    }
-}
-function getCategoryIcon(category) {
-    const icons = {
-        'customer-support': '💬',
-        'data-sync': '🔄',
-        'notifications': '🔔',
-        'social-media': '📱',
-        'productivity': '⚡',
-        'marketing': '📈',
-        'sales': '💰',
-        'development': '💻',
-        'analytics': '📊',
-    };
-    return icons[category.toLowerCase()] || '⚙️';
-}
-function getDemoTemplates() {
-    return [
-        {
-            id: 'demo-1',
-            name: 'Slack Lead Notification',
-            description: 'Send Slack notifications when new leads are submitted via your website form',
-            category: 'customer-support',
-            nodes_count: 4,
-            difficulty: 'beginner',
-            tags: ['Slack', 'Webhooks', 'Forms'],
-        },
-        {
-            id: 'demo-2',
-            name: 'Google Sheets to Airtable Sync',
-            description: 'Automatically sync new rows from Google Sheets to Airtable',
-            category: 'data-sync',
-            nodes_count: 5,
-            difficulty: 'beginner',
-            tags: ['Google Sheets', 'Airtable', 'Automation'],
-        },
-        {
-            id: 'demo-3',
-            name: 'Email Marketing Automation',
-            description: 'Send personalized email campaigns based on user actions',
-            category: 'marketing',
-            nodes_count: 8,
-            difficulty: 'intermediate',
-            tags: ['Email', 'Marketing', 'Personalization'],
-        },
-        {
-            id: 'demo-4',
-            name: 'Social Media Scheduler',
-            description: 'Schedule and auto-post content to multiple social media platforms',
-            category: 'social-media',
-            nodes_count: 6,
-            difficulty: 'intermediate',
-            tags: ['Twitter', 'LinkedIn', 'Instagram', 'Scheduling'],
-        },
-        {
-            id: 'demo-5',
-            name: 'Invoice Generation & Email',
-            description: 'Automatically generate invoices and email them to customers',
-            category: 'sales',
-            nodes_count: 7,
-            difficulty: 'intermediate',
-            tags: ['Invoices', 'PDF', 'Email', 'Stripe'],
-        },
-        {
-            id: 'demo-6',
-            name: 'Website Monitoring Alert',
-            description: 'Monitor your website uptime and get alerts when it goes down',
-            category: 'notifications',
-            nodes_count: 5,
-            difficulty: 'beginner',
-            tags: ['Monitoring', 'Alerts', 'Slack', 'Email'],
-        },
-    ];
-}
-//# sourceMappingURL=demo.js.map

package/build/ui/demo.js.map

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

package/build/ui/instances.d.ts

@@ -1,17 +0,0 @@
-/**
- * Instance / Hosting Management UI
- */
-export interface Instance {
-    id: string;
-    instance_url: string;
-    status: string;
-    storage_limit_gb: number;
-    storage_used_gb?: number;
-    subscription_status?: string;
-    tier?: string;
-    created_at: string;
-    updated_at: string;
-}
-export declare function renderInstancesManager(instances: Instance[]): string;
-export declare function renderInstanceDetails(instance: Instance, healthData?: any): string;
-//# sourceMappingURL=instances.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"instances.d.ts","sourceRoot":"","sources":["../../src/ui/instances.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CA0GpE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,GAAG,GAAG,MAAM,CA+FlF"}