flowengine-mcp-app 2.0.1 → 3.0.1

package/build/ui/portals.js

@@ -1,184 +0,0 @@
-/**
- * Client Portals UI
- */
-import { baseLayout, renderEmptyState } from './base.js';
-export function renderPortalsDashboard(instances) {
-    if (!instances || instances.length === 0) {
-        return baseLayout('Client Portals', `
-      <div class="header">
-        <h1>🏢 Client Portals</h1>
-        <p>Manage your client instances and portals</p>
-      </div>
-      ${renderEmptyState('No Portals Found', 'You don\'t have any client portals yet. Create your first instance to get started.')}
-    `);
-    }
-    const instanceCards = instances
-        .map((instance) => {
-        const statusBadge = getStatusBadge(instance.status, instance.subscription_status);
-        const storageUsed = Math.floor(Math.random() * instance.storage_limit_gb * 0.7); // Mock data
-        return `
-        <div class="card">
-          <div class="card-header">
-            <div>
-              <div class="card-title">${instance.instance_url}</div>
-              <div class="card-subtitle">ID: ${instance.id.slice(0, 8)}...</div>
-            </div>
-            ${statusBadge}
-          </div>
-
-          <div>
-            <div class="stat">
-              <span class="stat-label">Storage</span>
-              <span class="stat-value">${storageUsed} GB / ${instance.storage_limit_gb} GB</span>
-            </div>
-            <div class="stat">
-              <span class="stat-label">Subscription</span>
-              <span class="stat-value">${instance.subscription_status || 'Active'}</span>
-            </div>
-            <div class="stat">
-              <span class="stat-label">Created</span>
-              <span class="stat-value">${new Date(instance.created_at).toLocaleDateString()}</span>
-            </div>
-          </div>
-
-          <div class="actions">
-            <a href="https://${instance.instance_url}" target="_blank" class="btn btn-primary">
-              Open Portal →
-            </a>
-            <button class="btn btn-secondary">Manage</button>
-          </div>
-        </div>
-      `;
-    })
-        .join('');
-    return baseLayout('Client Portals', `
-    <div class="header">
-      <h1>🏢 Client Portals</h1>
-      <p>Manage ${instances.length} client ${instances.length === 1 ? 'instance' : 'instances'}</p>
-    </div>
-
-    <div class="grid">
-      ${instanceCards}
-    </div>
-
-    <div class="card">
-      <h3 style="margin-bottom: 12px;">Quick Actions</h3>
-      <div style="display: flex; gap: 12px;">
-        <button class="btn btn-primary">+ New Portal</button>
-        <button class="btn btn-secondary">View All Clients</button>
-        <button class="btn btn-secondary">Invite Client</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>';
-    }
-}
-export function renderPortalDetails(instanceId, workflows, widgets) {
-    return baseLayout('Portal Details', `
-    <div class="header">
-      <h1>📊 Portal Details</h1>
-      <p>Instance: <span class="code">${instanceId.slice(0, 8)}...</span></p>
-    </div>
-
-    <div class="card" style="margin-bottom: 24px;">
-      <h3 style="margin-bottom: 16px;">Overview</h3>
-      <div class="stat">
-        <span class="stat-label">Active Workflows</span>
-        <span class="stat-value">${workflows.filter((w) => w.active).length} / ${workflows.length}</span>
-      </div>
-      <div class="stat">
-        <span class="stat-label">Widgets</span>
-        <span class="stat-value">${widgets.length}</span>
-      </div>
-      <div class="stat">
-        <span class="stat-label">Status</span>
-        <span class="stat-value"><span class="badge badge-success">Active</span></span>
-      </div>
-    </div>
-
-    <h3 style="margin: 24px 0 16px;">Workflows</h3>
-    ${renderWorkflowsList(workflows)}
-
-    <h3 style="margin: 24px 0 16px;">Widgets</h3>
-    ${renderWidgetsList(widgets)}
-
-    <div class="actions">
-      <button class="btn btn-primary">Open Portal</button>
-      <button class="btn btn-secondary">Manage Settings</button>
-    </div>
-  `);
-}
-function renderWorkflowsList(workflows) {
-    if (!workflows || workflows.length === 0) {
-        return renderEmptyState('No Workflows', 'No workflows configured for this portal.');
-    }
-    const rows = workflows
-        .slice(0, 5)
-        .map((w) => `
-    <tr>
-      <td>${w.name}</td>
-      <td>${w.active ? '<span class="badge badge-success">Active</span>' : '<span class="badge badge-neutral">Inactive</span>'}</td>
-      <td>${w.executions_count || 0} runs</td>
-    </tr>
-  `)
-        .join('');
-    return `
-    <table class="table">
-      <thead>
-        <tr>
-          <th>Workflow</th>
-          <th>Status</th>
-          <th>Executions</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${rows}
-      </tbody>
-    </table>
-  `;
-}
-function renderWidgetsList(widgets) {
-    if (!widgets || widgets.length === 0) {
-        return renderEmptyState('No Widgets', 'No widgets configured for this portal.');
-    }
-    const rows = widgets
-        .slice(0, 5)
-        .map((w) => `
-    <tr>
-      <td>${w.name}</td>
-      <td><span class="code">${w.widget_type}</span></td>
-      <td>${w.is_active ? '<span class="badge badge-success">Active</span>' : '<span class="badge badge-neutral">Inactive</span>'}</td>
-    </tr>
-  `)
-        .join('');
-    return `
-    <table class="table">
-      <thead>
-        <tr>
-          <th>Widget</th>
-          <th>Type</th>
-          <th>Status</th>
-        </tr>
-      </thead>
-      <tbody>
-        ${rows}
-      </tbody>
-    </table>
-  `;
-}
-//# sourceMappingURL=portals.js.map

package/build/ui/portals.js.map

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

package/build/ui/widgets.d.ts

@@ -1,17 +0,0 @@
-/**
- * UI Builder - Forms, Chatbots, and Interactive Components
- */
-export interface Widget {
-    id: string;
-    name: string;
-    widget_type: string;
-    webhook_url: string;
-    is_active: boolean;
-    created_at: string;
-    updated_at: string;
-    config?: any;
-    submissions_count?: number;
-}
-export declare function renderWidgetBuilder(widgets: Widget[], instanceId?: string): string;
-export declare function renderWidgetDetails(widget: Widget): string;
-//# sourceMappingURL=widgets.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../../src/ui/widgets.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAwFlF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAqE1D"}

package/build/ui/widgets.js

@@ -1,200 +0,0 @@
-/**
- * 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

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

package/build/ui/workflows.d.ts

@@ -1,17 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,217 +0,0 @@
-/**
- * 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