tide-commander 1.32.2 → 1.35.0

package/dist/src/packages/server/services/workflow-executor.js

@@ -0,0 +1,230 @@
+/**
+ * Workflow Executor
+ * Orchestration layer for the Workflow-as-Agent architecture.
+ *
+ * Adds three capabilities on top of workflow-service.ts:
+ *   1. handleTrigger — routes an incoming trigger to the correct workflow instance
+ *   2. executeInstanceState — enters a state with agent binding and reasoning capture
+ *   3. transitionInstance — transitions with reasoning/summary capture
+ *
+ * The core state machine (enterState, evaluateTransitions, etc.) lives in
+ * workflow-service.ts.  This module deals only with the agent binding,
+ * trigger routing, and reasoning-capture concerns.
+ */
+import { createLogger } from '../utils/logger.js';
+import * as workflowService from './workflow-service.js';
+import * as workflowStore from '../data/workflow-store.js';
+import * as eventQueries from '../data/event-queries.js';
+const log = createLogger('WorkflowExecutor');
+// ─── Handle Trigger ───
+/**
+ * Route an incoming trigger to the matching workflow instance(s).
+ *
+ * Resolution order:
+ *   1. Find running workflow instances whose trigger_id matches the incoming triggerId.
+ *   2. If none found, search workflow definitions for states that reference this triggerId
+ *      (via wait_for_trigger or trigger_setup actions) and create a new instance.
+ *   3. If still no match, log and return — the trigger is not wired to any workflow.
+ *
+ * When a match is found, the trigger data is forwarded to the instance via
+ * workflowService.notifyEvent so the state machine can evaluate transitions.
+ */
+export async function handleTrigger(payload) {
+    const { triggerId, triggerData } = payload;
+    // 1. Try to find a running instance waiting for this trigger
+    const runningInstances = eventQueries.listWorkflowInstances({ status: 'running' });
+    const matchedInstances = runningInstances.filter(inst => {
+        // Check if the instance has this trigger in its active triggers
+        if (inst.activeTriggerIds.includes(triggerId))
+            return true;
+        // Check if the instance was started by this trigger
+        if (inst.triggerId === triggerId)
+            return true;
+        return false;
+    });
+    if (matchedInstances.length > 0) {
+        for (const instance of matchedInstances) {
+            log.log(`Routing trigger ${triggerId} to instance ${instance.id}`);
+            await workflowService.notifyEvent({
+                instanceId: instance.id,
+                eventType: 'trigger_fired',
+                triggerId,
+                data: triggerData,
+            });
+        }
+        return;
+    }
+    // 2. Search definitions for a state wired to this trigger
+    const definitions = workflowStore.listDefinitions();
+    const matchingDef = findDefinitionForTrigger(definitions, triggerId);
+    if (matchingDef) {
+        log.log(`Trigger ${triggerId} matched definition ${matchingDef.id} — starting new instance`);
+        const instance = await startWorkflowForTrigger(matchingDef, payload);
+        log.log(`Created instance ${instance.id} for trigger ${triggerId}`);
+        return;
+    }
+    // 3. No match
+    log.log(`Trigger ${triggerId} has no matching workflow — ignoring`);
+}
+/**
+ * Search workflow definitions for any state whose action references the given triggerId.
+ */
+function findDefinitionForTrigger(definitions, triggerId) {
+    for (const def of definitions) {
+        for (const state of def.states) {
+            if (!state.action)
+                continue;
+            if (state.action.type === 'wait_for_trigger' && state.action.triggerId === triggerId) {
+                return def;
+            }
+            if (state.action.type === 'trigger_setup') {
+                const config = state.action.triggerConfig;
+                if (config.triggerId === triggerId)
+                    return def;
+            }
+            // Also check transition conditions for trigger_fired with specific triggerId
+            for (const transition of state.transitions) {
+                if (transition.condition.type === 'trigger_fired' &&
+                    transition.condition.triggerId === triggerId) {
+                    return def;
+                }
+            }
+        }
+    }
+    return undefined;
+}
+/**
+ * Start a new workflow instance in response to a trigger fire.
+ * Binds the trigger correlation and optional agent ID to the instance.
+ */
+async function startWorkflowForTrigger(def, payload) {
+    // Start the workflow through the existing service
+    const instance = await workflowService.startWorkflow({
+        workflowDefId: def.id,
+        initialVariables: payload.triggerData,
+    });
+    // Bind the trigger and agent correlation
+    eventQueries.updateWorkflowInstance(instance.id, {
+        triggerId: payload.triggerId,
+        triggerData: payload.triggerData,
+        agentId: payload.agentId,
+        updatedAt: Date.now(),
+    });
+    return eventQueries.getWorkflowInstance(instance.id);
+}
+// ─── Execute Instance State ───
+/**
+ * Execute a specific state in a workflow instance, capturing agent binding.
+ *
+ * This is called when an agent is about to execute a state's action.
+ * It updates the step log with the agent ID and records the prompt being sent.
+ */
+export function executeInstanceState(instanceId, stateId, agentId) {
+    const instance = eventQueries.getWorkflowInstance(instanceId);
+    if (!instance) {
+        throw new Error(`Workflow instance not found: ${instanceId}`);
+    }
+    if (instance.status !== 'running') {
+        throw new Error(`Instance ${instanceId} is not running (status: ${instance.status})`);
+    }
+    const def = workflowStore.getDefinition(instance.workflowDefId);
+    if (!def) {
+        throw new Error(`Workflow definition not found: ${instance.workflowDefId}`);
+    }
+    const state = def.states.find(s => s.id === stateId);
+    if (!state) {
+        throw new Error(`State ${stateId} not found in workflow ${def.id}`);
+    }
+    // Bind agent to instance if not already bound
+    if (!instance.agentId) {
+        eventQueries.updateWorkflowInstance(instanceId, {
+            agentId,
+            updatedAt: Date.now(),
+        });
+    }
+    // Update current step with the agent ID
+    const currentStep = eventQueries.getCurrentStep(instanceId);
+    if (currentStep) {
+        eventQueries.updateStepLog(currentStep.id, { agentId });
+    }
+    return { instance, state, currentStep };
+}
+// ─── Transition Instance ───
+/**
+ * Transition a workflow instance to the next state, capturing reasoning and summary.
+ *
+ * This wraps workflowService.notifyEvent with reasoning capture:
+ *   - agentResponse: the raw output from the agent
+ *   - agentReasoning: the agent's chain-of-thought or decision explanation
+ *   - agentSummary: a short human-readable summary for the timeline
+ */
+export async function transitionInstance(instanceId, eventType, result, opts) {
+    const instance = eventQueries.getWorkflowInstance(instanceId);
+    if (!instance) {
+        log.error(`Cannot transition: instance ${instanceId} not found`);
+        return undefined;
+    }
+    // Capture reasoning on the current step before transitioning
+    const currentStep = eventQueries.getCurrentStep(instanceId);
+    if (currentStep) {
+        const stepUpdates = {};
+        if (result.agentResponse !== undefined) {
+            stepUpdates.agentResponse = result.agentResponse;
+        }
+        if (result.agentReasoning !== undefined) {
+            stepUpdates.agentReasoning = result.agentReasoning;
+        }
+        if (result.agentSummary !== undefined) {
+            stepUpdates.agentSummary = result.agentSummary;
+        }
+        if (Object.keys(stepUpdates).length > 0) {
+            eventQueries.updateStepLog(currentStep.id, stepUpdates);
+        }
+    }
+    // Build the event data payload (merge agent result variables)
+    const eventData = { ...result.variables };
+    if (result.agentResponse)
+        eventData.agentResponse = result.agentResponse;
+    if (result.agentReasoning)
+        eventData.agentReasoning = result.agentReasoning;
+    if (result.agentSummary)
+        eventData.agentSummary = result.agentSummary;
+    // Forward to the state machine
+    await workflowService.notifyEvent({
+        instanceId,
+        eventType,
+        triggerId: opts?.triggerId,
+        transitionId: opts?.transitionId,
+        data: Object.keys(eventData).length > 0 ? eventData : undefined,
+    });
+    return eventQueries.getWorkflowInstance(instanceId);
+}
+// ─── Query Helpers ───
+/**
+ * Get all workflow instances bound to a specific agent.
+ */
+export function getInstancesByAgent(agentId, opts) {
+    const allInstances = eventQueries.listWorkflowInstances({
+        status: opts?.status,
+        limit: opts?.limit ?? 50,
+    });
+    return allInstances.filter(inst => inst.agentId === agentId);
+}
+/**
+ * Get the reasoning chain for an instance, including agentSummary.
+ */
+export function getReasoningChain(instanceId) {
+    const steps = eventQueries.getStepsByInstance(instanceId);
+    return steps
+        .filter(s => s.promptSent || s.agentResponse || s.agentSummary)
+        .map(s => ({
+        stateId: s.toStateId,
+        stateName: s.toStateName,
+        agentId: s.agentId,
+        promptSent: s.promptSent,
+        agentResponse: s.agentResponse,
+        agentReasoning: s.agentReasoning,
+        agentSummary: s.agentSummary,
+        durationMs: s.durationMs,
+    }));
+}

package/dist/src/packages/server/services/workflow-service.js

@@ -151,12 +151,7 @@ export async function resumeWorkflow(instanceId) {
     });
     const updated = eventQueries.getWorkflowInstance(instanceId);
     emit({ instanceId, eventType: 'state_changed', data: updated });
-    // Re-evaluate transitions (a trigger might have fired while paused)
-    const def = workflowStore.getDefinition(updated.workflowDefId);
-    if (def) {
-        await evaluateTransitions(updated, def);
-    }
-    return eventQueries.getWorkflowInstance(instanceId);
+    return updated;
 }
 export function cancelWorkflow(instanceId) {
     const instance = eventQueries.getWorkflowInstance(instanceId);
@@ -251,11 +246,6 @@ async function enterState(instance, stateId, def) {
     }
     // Set up timeout transitions
     setupTimeoutTransitions(instance, state, def);
-    // Evaluate auto-transitions (e.g. set_variables actions can trigger variable_check)
-    const freshInstance = eventQueries.getWorkflowInstance(instance.id);
-    if (freshInstance && freshInstance.status === 'running') {
-        await evaluateTransitions(freshInstance, def);
-    }
 }
 async function executeAction(instance, action, stepLogId) {
     switch (action.type) {
@@ -321,7 +311,7 @@ async function executeAction(instance, action, stepLogId) {
         }
     }
 }
-async function evaluateTransitions(instance, def) {
+export async function evaluateTransitions(instance, def) {
     const state = def.states.find((s) => s.id === instance.currentStateId);
     if (!state)
         return;
@@ -454,6 +444,7 @@ export async function notifyEvent(params) {
             eventQueries.updateStepLog(currentStep.id, {
                 agentResponse: params.data.agentResponse,
                 agentReasoning: params.data.agentReasoning,
+                agentSummary: params.data.agentSummary,
             });
         }
     }
@@ -501,6 +492,60 @@ export async function notifyEvent(params) {
         }
     }
 }
+// ─── Explicit Transition (agent-driven) ───
+export async function transitionTo(instanceId, targetStateId, reason) {
+    const instance = eventQueries.getWorkflowInstance(instanceId);
+    if (!instance)
+        throw new Error(`Workflow instance not found: ${instanceId}`);
+    if (instance.status !== 'running')
+        throw new Error(`Instance ${instanceId} is not running (status: ${instance.status})`);
+    const def = workflowStore.getDefinition(instance.workflowDefId);
+    if (!def)
+        throw new Error(`Workflow definition not found: ${instance.workflowDefId}`);
+    const state = def.states.find(s => s.id === instance.currentStateId);
+    if (!state)
+        throw new Error(`Current state not found: ${instance.currentStateId}`);
+    // Find a transition that targets the requested state
+    const transition = state.transitions.find(t => t.targetStateId === targetStateId);
+    if (!transition) {
+        const validTargets = state.transitions.map(t => t.targetStateId).join(', ');
+        throw new Error(`No transition from "${state.name}" to "${targetStateId}". Valid targets: ${validTargets}`);
+    }
+    log.log(`Explicit transition: ${instance.currentStateId} → ${targetStateId} (reason: ${reason ?? 'none'})`);
+    // Log the reason in audit
+    eventQueries.logAudit({
+        category: 'workflow',
+        action: 'explicit_transition',
+        workflowInstanceId: instanceId,
+        details: { from: instance.currentStateId, to: targetStateId, transitionId: transition.id, reason },
+        level: 'info',
+        createdAt: Date.now(),
+    });
+    await handleTransition(instance, transition, def);
+    return eventQueries.getWorkflowInstance(instanceId);
+}
+export function getAvailableTransitions(instanceId) {
+    const instance = eventQueries.getWorkflowInstance(instanceId);
+    if (!instance)
+        throw new Error(`Workflow instance not found: ${instanceId}`);
+    const def = workflowStore.getDefinition(instance.workflowDefId);
+    if (!def)
+        throw new Error(`Workflow definition not found: ${instance.workflowDefId}`);
+    const state = def.states.find(s => s.id === instance.currentStateId);
+    if (!state)
+        return [];
+    return state.transitions.map(t => {
+        const targetState = def.states.find(s => s.id === t.targetStateId);
+        return {
+            id: t.id,
+            name: t.name,
+            targetStateId: t.targetStateId,
+            targetStateName: targetState?.name ?? 'unknown',
+            conditionType: t.condition.type,
+            condition: t.condition,
+        };
+    });
+}
 // ─── Variable Updates (called by agents via API) ───
 export function updateVariables(instanceId, updates, changedBy) {
     const instance = eventQueries.getWorkflowInstance(instanceId);
@@ -560,7 +605,7 @@ export function getInstanceVariableHistory(instanceId, variableName) {
 export function getInstanceReasoning(instanceId) {
     const steps = eventQueries.getStepsByInstance(instanceId);
     return steps
-        .filter((s) => s.promptSent || s.agentResponse)
+        .filter((s) => s.promptSent || s.agentResponse || s.agentSummary)
         .map((s) => ({
         stateId: s.toStateId,
         stateName: s.toStateName,
@@ -568,6 +613,7 @@ export function getInstanceReasoning(instanceId) {
         promptSent: s.promptSent,
         agentResponse: s.agentResponse,
         agentReasoning: s.agentReasoning,
+        agentSummary: s.agentSummary,
         durationMs: s.durationMs,
     }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tide-commander",
-  "version": "1.32.2",
+  "version": "1.35.0",
   "description": "Visual multi-agent orchestrator and manager for Claude Code with 3D/2D interface",
   "repository": {
     "type": "git",
@@ -36,7 +36,7 @@
     "tc": "tsx tools/tc.ts"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.71.2",
+    "@anthropic-ai/sdk": "^0.81.0",
     "@capacitor/haptics": "^8.0.1",
     "@capacitor/local-notifications": "^8.0.1",
     "@codemirror/lang-cpp": "^6.0.3",
@@ -69,7 +69,7 @@
     "@xterm/xterm": "^6.0.0",
     "archiver": "^7.0.1",
     "better-sqlite3": "^12.8.0",
-    "chokidar": "^4.0.0",
+    "chokidar": "^5.0.0",
     "codemirror": "^6.0.2",
     "cors": "^2.8.5",
     "croner": "^10.0.1",
@@ -79,7 +79,7 @@
     "fuse.js": "^7.1.0",
     "googleapis": "^171.4.0",
     "http-proxy": "^1.18.1",
-    "i18next": "^25.8.7",
+    "i18next": "^26.0.3",
     "i18next-browser-languagedetector": "^8.2.1",
     "i18next-http-backend": "^3.0.2",
     "mssql": "^12.2.1",
@@ -92,7 +92,7 @@
     "react": "^19.2.3",
     "react-datepicker": "^9.1.0",
     "react-dom": "^19.2.3",
-    "react-i18next": "^16.5.4",
+    "react-i18next": "^17.0.2",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "three": "^0.170.0",
@@ -100,11 +100,11 @@
     "ws": "^8.18.0"
   },
   "overrides": {
-    "tar": "7.5.7"
+    "tar": "7.5.13"
   },
   "devDependencies": {
     "@capacitor/android": "^8.1.0",
-    "@capacitor/cli": "^7.5.0",
+    "@capacitor/cli": "^8.3.0",
     "@capacitor/core": "^8.1.0",
     "@types/archiver": "^7.0.0",
     "@types/cors": "^2.8.19",

package/dist/assets/GmailOAuthSetup-B2GDjROU.js

@@ -1,222 +0,0 @@
-import{r as t,L as E,p as v,j as e}from"./main-DahZb6P4.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react-uS-d4TUT.js";import"./vendor-three-Chj50gSY.js";function T({integration:l,onSave:x,onCancel:j}){const[d,R]=t.useState(l.values.clientId||""),[b,U]=t.useState(""),[g,w]=t.useState(String(l.values.pollingIntervalMs??3e4)),[p,N]=t.useState(l.values.defaultApprovalKeywords||"approved,aprobado,autorizado,yes,ok"),[y,k]=t.useState(null),[o,C]=t.useState(null),[u,h]=t.useState(!1),[A,r]=t.useState(null),[S,z]=t.useState(!1),[c,s]=t.useState(l.status.connected?"connected":"credentials"),i=t.useRef(null),I=t.useRef(l.status.connected),m=t.useCallback(async()=>{try{const a=await E(v("/api/email/status"));if(a.ok){const n=await a.json();C(n),n.authenticated&&(s("connected"),i.current&&(clearInterval(i.current),i.current=null))}}catch(a){console.error("Failed to fetch Gmail status:",a)}},[]);t.useEffect(()=>{const a=l.status.connected,n=I.current;a&&!n&&c!=="connected"?s("connected"):!a&&n&&c==="connected"&&s("credentials"),I.current=a},[l.status.connected]),t.useEffect(()=>(m(),()=>{i.current&&clearInterval(i.current)}),[m]);const G=async()=>{if(!d.trim()){r("Client ID is required");return}h(!0),r(null);try{const a={clientId:d.trim(),pollingIntervalMs:parseInt(g)||3e4,defaultApprovalKeywords:p};b.trim()&&(a.clientSecret=b.trim()),console.log("Saving Gmail config...",a),await x(a),console.log("Config saved successfully"),console.log("Fetching OAuth URL...");const n=await E(v("/api/email/auth/url"));if(console.log("OAuth URL response:",n.status),!n.ok){const M=await n.json().catch(()=>({}));throw new Error(M.error||`HTTP ${n.status}`)}const f=await n.json();if(console.log("Received OAuth URL:",f),console.log("Setting authUrl to:",f.url),!f.url)throw new Error("OAuth URL is empty");k(f.url),console.log("AuthUrl state updated"),r(null),s("authorize"),console.log("Step updated to authorize",{step:"authorize"}),i.current&&clearInterval(i.current),i.current=setInterval(m,3e3),console.log("Started polling for auth completion")}catch(a){const n=a instanceof Error?a.message:"Failed to get OAuth URL";console.error("Error in handleSaveCredentials:",n,a),r(n)}finally{h(!1)}},O=async()=>{z(!0),r(null);try{await x({pollingIntervalMs:parseInt(g)||3e4,defaultApprovalKeywords:p})}catch(a){r(a instanceof Error?a.message:"Failed to save settings")}finally{z(!1)}},L=async()=>{h(!0),r(null);try{await x({refreshToken:""}),C(null),k(null),s("credentials"),await m()}catch(a){r(a instanceof Error?a.message:"Failed to disconnect")}finally{h(!1)}};return e.jsxs("div",{className:"gmail-oauth-setup",children:[A&&e.jsx("div",{className:"gmail-oauth-error",children:A}),c==="credentials"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Google OAuth Credentials"}),e.jsxs("p",{className:"gmail-oauth-help",children:["Create OAuth2 credentials in the"," ",e.jsx("a",{href:"https://console.cloud.google.com/apis/credentials",target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-link",children:"Google Cloud Console"}),". Enable the Gmail API and (optionally) the Calendar API. Set the redirect URI to:"," ",e.jsx("code",{className:"gmail-oauth-code",children:v("/api/email/auth/callback")})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client ID ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"text",className:"integration-field-input",value:d,placeholder:"xxxx.apps.googleusercontent.com",onChange:a=>R(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client Secret ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"password",className:"integration-field-input",value:b,placeholder:l.values.clientSecret?"(saved)":"Enter client secret",onChange:a=>U(a.target.value),autoComplete:"off"})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:g,onChange:a=>w(a.target.value)}),e.jsx("span",{className:"integration-field-description",children:"How often to check for new emails. Default: 30000 (30s)."})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:p,onChange:a=>N(a.target.value),rows:2}),e.jsx("span",{className:"integration-field-description",children:"Comma-separated keywords that indicate email approval."})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:j,children:"Cancel"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:G,disabled:u||!d.trim(),children:u?"Saving...":"Save & Authorize"})]})]}),c==="authorize"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Authorize Gmail Access"}),e.jsx("p",{className:"gmail-oauth-help",children:"Click the link below to authorize Tide Commander to access your Gmail account. After granting access, you will be redirected back and the connection will be established automatically."}),y&&e.jsx("a",{href:y,target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-authorize-btn",children:"Authorize with Google"}),e.jsxs("div",{className:"gmail-oauth-waiting",children:[e.jsx("span",{className:"gmail-oauth-spinner"}),e.jsx("span",{children:"Waiting for authorization to complete..."})]}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:()=>{i.current&&(clearInterval(i.current),i.current=null),s("credentials")},children:"Back"})})]}),c==="connected"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Gmail Connected"}),e.jsxs("div",{className:"gmail-oauth-connected-info",children:[e.jsx("span",{className:"gmail-oauth-connected-badge",children:"Connected"}),(o==null?void 0:o.emailAddress)&&e.jsx("span",{className:"gmail-oauth-email",children:o.emailAddress})]}),(o==null?void 0:o.pollingActive)&&e.jsxs("p",{className:"gmail-oauth-help",children:["Email polling is active.",o.lastPollAt&&e.jsxs(e.Fragment,{children:[" Last checked: ",new Date(o.lastPollAt).toLocaleTimeString()]})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:g,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:p,onChange:a=>N(a.target.value),rows:2})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:j,children:"Close"}),e.jsx("button",{type:"button",className:"integration-btn",style:{backgroundColor:"#f38ba8",color:"#1e1e2e"},onClick:L,disabled:u,children:u?"Disconnecting...":"Disconnect"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:O,disabled:S,children:S?"Saving...":"Save Settings"})]})]}),e.jsx("style",{children:`
-        .gmail-oauth-setup {
-          padding: 0;
-        }
-        .gmail-oauth-error {
-          background: linear-gradient(135deg, rgba(243, 139, 168, 0.2) 0%, rgba(243, 139, 168, 0.08) 100%);
-          border-left: 3px solid #f38ba8;
-          color: #f38ba8;
-          padding: 12px 16px;
-          border-radius: 8px;
-          margin-bottom: 18px;
-          font-size: 13px;
-          font-weight: 500;
-        }
-        .gmail-oauth-section {
-          background: linear-gradient(180deg, rgba(45, 49, 69, 0.4) 0%, rgba(30, 30, 46, 0.2) 100%);
-          border: 1px solid rgba(137, 180, 250, 0.15);
-          border-radius: 12px;
-          padding: 28px;
-          backdrop-filter: blur(10px);
-        }
-        .gmail-oauth-section-title {
-          margin: 0 0 16px 0;
-          color: #cdd6f4;
-          font-size: 18px;
-          font-weight: 700;
-          letter-spacing: -0.5px;
-        }
-        .gmail-oauth-help {
-          color: #a6adc8;
-          font-size: 13px;
-          line-height: 1.6;
-          margin: 0 0 20px 0;
-          font-weight: 400;
-        }
-        .gmail-oauth-link {
-          color: #89b4fa;
-          text-decoration: none;
-          border-bottom: 1.5px solid rgba(137, 180, 250, 0.4);
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .gmail-oauth-link:hover {
-          color: #a8c5ff;
-          border-bottom-color: #89b4fa;
-        }
-        .gmail-oauth-code {
-          background: rgba(137, 180, 250, 0.15);
-          color: #89b4fa;
-          padding: 4px 10px;
-          border-radius: 6px;
-          font-size: 12px;
-          word-break: break-all;
-          font-weight: 500;
-          font-family: 'Monaco', 'Menlo', monospace;
-        }
-        .gmail-oauth-field {
-          margin-bottom: 18px;
-        }
-        .integration-field-label {
-          display: block;
-          margin-bottom: 8px;
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.3px;
-        }
-        .integration-field-required {
-          color: #f38ba8;
-        }
-        .integration-field-input {
-          width: 100%;
-          background: rgba(30, 30, 46, 0.6);
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-          color: #cdd6f4;
-          padding: 11px 14px;
-          border-radius: 8px;
-          font-size: 13px;
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .integration-field-input:focus {
-          outline: none;
-          border-color: #89b4fa;
-          background: rgba(30, 30, 46, 0.8);
-          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
-        }
-        .integration-field-input::placeholder {
-          color: #6c7086;
-        }
-        .integration-field-textarea {
-          resize: vertical;
-          min-height: 80px;
-          font-family: 'Monaco', 'Menlo', monospace;
-          font-size: 12px;
-        }
-        .integration-field-description {
-          display: block;
-          margin-top: 7px;
-          color: #7f849c;
-          font-size: 12px;
-          font-weight: 400;
-        }
-        .gmail-oauth-authorize-btn {
-          display: inline-block;
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          padding: 12px 32px;
-          border-radius: 8px;
-          text-decoration: none;
-          font-weight: 700;
-          font-size: 14px;
-          margin-bottom: 20px;
-          transition: all 0.25s ease;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-          letter-spacing: 0.3px;
-        }
-        .gmail-oauth-authorize-btn:hover {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-          background: linear-gradient(135deg, #a8c5ff 0%, #8eb8ff 100%);
-        }
-        .gmail-oauth-authorize-btn:active {
-          transform: translateY(0);
-        }
-        .gmail-oauth-waiting {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          color: #a6adc8;
-          font-size: 13px;
-          margin-bottom: 20px;
-          background: rgba(137, 180, 250, 0.08);
-          padding: 14px 16px;
-          border-radius: 8px;
-          border-left: 3px solid #89b4fa;
-          font-weight: 500;
-        }
-        .gmail-oauth-spinner {
-          display: inline-block;
-          width: 16px;
-          height: 16px;
-          border: 2.5px solid rgba(137, 180, 250, 0.25);
-          border-top-color: #89b4fa;
-          border-radius: 50%;
-          animation: gmail-spin 0.8s linear infinite;
-          flex-shrink: 0;
-        }
-        @keyframes gmail-spin {
-          to { transform: rotate(360deg); }
-        }
-        .gmail-oauth-connected-info {
-          display: flex;
-          align-items: center;
-          gap: 14px;
-          margin-bottom: 20px;
-          background: rgba(166, 227, 161, 0.08);
-          padding: 16px;
-          border-radius: 10px;
-          border-left: 3px solid #a6e3a1;
-        }
-        .gmail-oauth-connected-badge {
-          background: linear-gradient(135deg, rgba(166, 227, 161, 0.3) 0%, rgba(166, 227, 161, 0.15) 100%);
-          color: #a6e3a1;
-          padding: 6px 14px;
-          border-radius: 6px;
-          font-size: 12px;
-          font-weight: 700;
-          letter-spacing: 0.4px;
-          text-transform: uppercase;
-          border: 1px solid rgba(166, 227, 161, 0.3);
-          flex-shrink: 0;
-        }
-        .gmail-oauth-email {
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.2px;
-        }
-        .integration-form-actions {
-          display: flex;
-          gap: 12px;
-          justify-content: flex-end;
-          margin-top: 24px;
-          padding-top: 20px;
-          border-top: 1px solid rgba(137, 180, 250, 0.1);
-        }
-        .integration-btn {
-          padding: 10px 24px;
-          border-radius: 8px;
-          font-weight: 600;
-          font-size: 13px;
-          border: none;
-          cursor: pointer;
-          transition: all 0.2s ease;
-          letter-spacing: 0.3px;
-        }
-        .integration-btn.save {
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-        }
-        .integration-btn.save:hover:not(:disabled) {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-        }
-        .integration-btn.cancel {
-          background: rgba(137, 180, 250, 0.1);
-          color: #89b4fa;
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-        }
-        .integration-btn.cancel:hover:not(:disabled) {
-          background: rgba(137, 180, 250, 0.15);
-          border-color: #89b4fa;
-        }
-        .integration-btn:disabled {
-          opacity: 0.5;
-          cursor: not-allowed;
-        }
-      `})]})}export{T as GmailOAuthSetup};

package/dist/assets/MonitoringModal-CIF9MUm9.js

@@ -1 +0,0 @@
-import{r as i,L as j,p as w,j as e}from"./main-DahZb6P4.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react-uS-d4TUT.js";import"./vendor-three-Chj50gSY.js";const O=[{id:"triggers",label:"Triggers",icon:"⚡"},{id:"workflows",label:"Workflows",icon:"⚙️"},{id:"messages",label:"Messages",icon:"💬"},{id:"stats",label:"Stats",icon:"📊"}],_={trigger:"#89b4fa",slack:"#cba6f7",email:"#f9e2af",calendar:"#a6e3a1",document:"#fab387",jira:"#89dceb",workflow:"#f38ba8",system:"#6c7086",step:"#f38ba8",variable_change:"#cba6f7",approval:"#a6e3a1",audit:"#6c7086"},J={trigger:"Trigger",slack:"Slack",email:"Email",calendar:"Calendar",document:"Document",jira:"Jira",workflow:"Workflow",system:"System",step:"Step",variable_change:"Variable",approval:"Approval",audit:"Audit"};function Z({isOpen:n,onClose:t}){const[r,h]=i.useState("triggers"),[S,o]=i.useState([]),[l,u]=i.useState(!0),[$,c]=i.useState(null),[m,R]=i.useState("24h"),[C,z]=i.useState(""),[W,I]=i.useState(null),[D,M]=i.useState(null),[P,U]=i.useState([]),T=i.useCallback(async()=>{if(r!=="stats"){u(!0);try{const a=Date.now(),b={"1h":36e5,"6h":216e5,"24h":864e5,"7d":6048e5,all:0},d=b[m]>0?String(a-b[m]):void 0;let v=[];if(r==="triggers"){const g=new URLSearchParams({limit:"200"});d&&g.set("since",d);const p=await j(w(`/api/events/triggers?${g}`));if(!p.ok){c(`HTTP ${p.status}`);return}v=((await p.json()).events||[]).map(x=>({type:"trigger",timestamp:x.firedAt,data:x}))}else if(r==="workflows"){const g=new URLSearchParams({limit:"200",category:"workflow"});d&&g.set("since",d);const p=await j(w(`/api/events/audit?${g}`));if(!p.ok){c(`HTTP ${p.status}`);return}v=((await p.json()).entries||[]).map(x=>({type:"workflow",timestamp:x.createdAt,data:x}))}else if(r==="messages"){const g=new URLSearchParams({limit:"200"}),p=new URLSearchParams({limit:"200"}),E=new URLSearchParams({limit:"200"});d&&(g.set("since",d),p.set("since",d));const[x,F,N]=await Promise.all([j(w(`/api/events/slack?${g}`)),j(w(`/api/events/email?${p}`)),j(w(`/api/events/approvals?${E}`))]);if(x.ok){const y=await x.json();for(const f of y.messages||[])v.push({type:"slack",timestamp:f.receivedAt,data:f})}if(F.ok){const y=await F.json();for(const f of y.messages||[])v.push({type:"email",timestamp:f.receivedAt,data:f})}if(N.ok){const y=await N.json();for(const f of y.events||[])v.push({type:"approval",timestamp:f.recordedAt,data:f})}v.sort((y,f)=>f.timestamp-y.timestamp)}o(v),c(null)}catch(a){c(`Failed to load events: ${a}`)}finally{u(!1)}}},[r,m]),A=i.useCallback(async()=>{u(!0);try{const[a,b]=await Promise.all([j(w("/api/events/stats")),j(w("/api/integrations"))]);if(a.ok&&M(await a.json()),b.ok){const d=await b.json();U(Array.isArray(d)?d:[])}c(null)}catch(a){c(`Failed to load stats: ${a}`)}finally{u(!1)}},[]);i.useEffect(()=>{n&&(r==="stats"?A():T())},[n,r,T,A]);const B=S.filter(a=>{if(!C)return!0;const b=C.toLowerCase();return JSON.stringify(a.data).toLowerCase().includes(b)});if(!n)return null;const H=P.filter(a=>a.status.connected).length;return e.jsx("div",{style:s.overlay,onClick:t,children:e.jsxs("div",{style:s.modal,onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{style:s.header,children:[e.jsxs("div",{style:s.headerTitle,children:[e.jsx("span",{children:"📊"}),e.jsx("span",{children:"Monitoring & Logs"})]}),e.jsx("button",{style:s.closeBtn,onClick:t,title:"Close",children:"×"})]}),e.jsx("div",{style:s.tabs,children:O.map(a=>e.jsxs("button",{style:s.tab(r===a.id),onClick:()=>{h(a.id),z(""),I(null)},children:[e.jsx("span",{children:a.icon}),e.jsx("span",{children:a.label})]},a.id))}),r!=="stats"&&e.jsxs("div",{style:s.filters,children:[e.jsx("div",{style:{display:"flex",gap:4},children:["1h","6h","24h","7d","all"].map(a=>e.jsx("button",{style:{...s.timeBtn,background:m===a?"#89b4fa":"transparent",color:m===a?"#1e1e2e":"#a6adc8"},onClick:()=>R(a),children:a},a))}),e.jsx("input",{style:s.searchInput,placeholder:"Search events...",value:C,onChange:a=>z(a.target.value)}),e.jsx("button",{style:s.refreshBtn,onClick:T,children:"Refresh"})]}),e.jsx("div",{style:s.content,children:r==="stats"?e.jsx(V,{loading:l,error:$,stats:D,integrations:P,connectedCount:H,onRefresh:A}):e.jsx(G,{loading:l,error:$,entries:B,expandedId:W,onToggleExpand:a=>I(W===a?null:a)})}),r!=="stats"&&e.jsx("div",{style:s.footer,children:e.jsxs("span",{style:{color:"#6c7086",fontSize:11},children:[B.length," event",B.length!==1?"s":""," shown",C&&` (filtered from ${S.length})`]})})]})})}function G({loading:n,error:t,entries:r,expandedId:h,onToggleExpand:S}){return n?e.jsx("div",{style:{color:"#a6adc8",padding:20},children:"Loading events..."}):t?e.jsx("div",{style:{color:"#f38ba8",padding:20},children:t}):r.length===0?e.jsx("div",{style:{color:"#6c7086",textAlign:"center",padding:40},children:"No events found for the selected filters."}):e.jsx(e.Fragment,{children:r.map((o,l)=>{const u=`${o.type}-${o.timestamp}-${l}`,$=h===u,c=_[o.type]||"#6c7086",m=Y(o),R=new Date(o.timestamp);return e.jsxs("div",{style:{...s.eventRow,borderLeft:`3px solid ${c}`,background:$?"rgba(137,180,250,0.05)":"transparent"},onClick:()=>S(u),children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx("span",{style:{...s.tag,background:`${c}22`,color:c},children:J[o.type]||o.type}),e.jsx("span",{style:{color:"#cdd6f4",fontSize:12,flex:1},children:m}),e.jsxs("span",{style:{color:"#6c7086",fontSize:10,whiteSpace:"nowrap"},children:[R.toLocaleTimeString()," ",R.toLocaleDateString()]})]}),$&&e.jsx("pre",{style:s.detail,children:JSON.stringify(o.data,null,2)})]},u)})})}function V({loading:n,error:t,stats:r,integrations:h,connectedCount:S,onRefresh:o}){return n?e.jsx("div",{style:{color:"#a6adc8",padding:20},children:"Loading stats..."}):t?e.jsx("div",{style:{color:"#f38ba8",padding:20},children:t}):e.jsxs("div",{style:{padding:20},children:[e.jsx("div",{style:{display:"flex",justifyContent:"flex-end",marginBottom:16},children:e.jsx("button",{style:s.refreshBtn,onClick:o,children:"Refresh"})}),r&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:s.section,children:[e.jsx("h3",{style:s.sectionTitle,children:"Workflows"}),e.jsxs("div",{style:s.grid,children:[e.jsx(k,{label:"Active",value:r.activeWorkflows,color:"#89b4fa"}),e.jsx(k,{label:"Completed",value:r.completedWorkflows,color:"#a6e3a1"}),e.jsx(k,{label:"Failed",value:r.failedWorkflows,color:"#f38ba8"})]})]}),e.jsxs("div",{style:s.section,children:[e.jsx("h3",{style:s.sectionTitle,children:"Events (Today)"}),e.jsxs("div",{style:s.grid,children:[e.jsx(k,{label:"Triggers Fired",value:r.triggersFiredToday,color:"#f9e2af"}),e.jsx(k,{label:"Slack Messages",value:r.slackMessageCount,color:"#cba6f7"}),e.jsx(k,{label:"Emails",value:r.emailCount,color:"#fab387"})]})]}),e.jsxs("div",{style:s.section,children:[e.jsxs("h3",{style:s.sectionTitle,children:["Integrations (",S,"/",h.length," connected)"]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[h.map(l=>e.jsxs("div",{style:s.integrationRow,children:[e.jsx("span",{style:{color:"#cdd6f4",fontSize:13},children:l.name}),e.jsx("span",{style:{...s.statusBadge,background:l.status.connected?"rgba(166,227,161,0.15)":"rgba(108,112,134,0.15)",color:l.status.connected?"#a6e3a1":"#6c7086"},children:l.status.error?"Error":l.status.connected?"Connected":"Disconnected"})]},l.id)),h.length===0&&e.jsx("div",{style:{color:"#6c7086",fontSize:12},children:"No integrations configured"})]})]})]}),!r&&e.jsx("div",{style:{color:"#6c7086",textAlign:"center",padding:40},children:"No stats available. The event store may not have any data yet."})]})}function k({label:n,value:t,color:r}){return e.jsxs("div",{style:s.card,children:[e.jsx("div",{style:{color:r,fontSize:28,fontWeight:700,lineHeight:1},children:t}),e.jsx("div",{style:{color:"#a6adc8",fontSize:11,marginTop:4},children:n})]})}function Y(n){const t=n.data;switch(n.type){case"trigger":return`Trigger "${t.triggerName||t.triggerId}" ${t.status||"fired"}`;case"slack":return`${t.direction==="outbound"?"Sent":"Received"} in #${t.channelName||t.channelId}: ${L(t.text,60)}`;case"email":return`${t.direction==="outbound"?"Sent to":"From"} ${t.direction==="outbound"?t.toAddresses:t.fromAddress}: ${L(t.subject,50)}`;case"approval":return`${t.approved?"Approved":"Rejected"} by ${t.approverEmail}`;case"document":return`Generated "${t.outputFilename}" from template "${t.templateName}"`;case"calendar":return`Calendar event ${t.action}: "${t.summary}"`;case"jira":return`${t.ticketKey} ${t.action}: ${L(t.summary,50)}`;case"step":return`Workflow step: ${t.toStateName} (${t.status})`;case"variable_change":return`Variable "${t.variableName}" changed by ${t.changedBy}`;case"audit":return`[${(t.level||"info").toUpperCase()}] ${t.category}: ${t.action}`;default:return JSON.stringify(t).slice(0,80)}}function L(n,t){return n?n.length>t?n.slice(0,t)+"...":n:""}const s={overlay:{position:"fixed",inset:0,background:"rgba(0, 0, 0, 0.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4,backdropFilter:"blur(4px)"},modal:{background:"var(--surface-0, #1e1e2e)",borderRadius:12,border:"1px solid var(--border, #313244)",width:"90vw",maxWidth:1e3,height:"85vh",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.5)"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid var(--border, #313244)",background:"var(--surface-1, #181825)"},headerTitle:{fontSize:16,fontWeight:600,color:"var(--text-primary, #cdd6f4)",display:"flex",alignItems:"center",gap:8},closeBtn:{background:"none",border:"none",color:"var(--text-secondary, #a6adc8)",fontSize:20,cursor:"pointer",padding:"4px 8px",borderRadius:6,lineHeight:1},tabs:{display:"flex",borderBottom:"1px solid var(--border, #313244)",background:"var(--surface-1, #181825)",overflowX:"auto",scrollbarWidth:"none"},tab:n=>({padding:"10px 16px",background:"none",border:"none",borderBottom:n?"2px solid var(--accent, #89b4fa)":"2px solid transparent",color:n?"var(--accent, #89b4fa)":"var(--text-secondary, #a6adc8)",fontSize:13,fontWeight:n?600:400,cursor:"pointer",display:"flex",alignItems:"center",gap:6,whiteSpace:"nowrap",transition:"color 0.15s, border-color 0.15s",flexShrink:0}),filters:{display:"flex",gap:8,alignItems:"center",padding:"10px 20px",borderBottom:"1px solid var(--border, #313244)",flexWrap:"wrap"},timeBtn:{border:"1px solid #45475a",borderRadius:4,padding:"4px 8px",fontSize:10,fontWeight:600,cursor:"pointer"},searchInput:{background:"#313244",border:"1px solid #45475a",borderRadius:6,padding:"5px 10px",color:"#cdd6f4",fontSize:12,flex:1,minWidth:120,outline:"none"},refreshBtn:{background:"transparent",border:"1px solid #45475a",borderRadius:6,padding:"5px 12px",color:"#a6adc8",fontSize:11,cursor:"pointer"},content:{flex:1,overflow:"auto",padding:"0 20px"},eventRow:{padding:"8px 12px",borderBottom:"1px solid #313244",cursor:"pointer",transition:"background 0.1s"},tag:{fontSize:10,fontWeight:600,padding:"2px 6px",borderRadius:4,whiteSpace:"nowrap"},detail:{marginTop:8,padding:10,background:"#181825",borderRadius:6,fontSize:11,fontFamily:"monospace",color:"#a6adc8",overflow:"auto",maxHeight:300,whiteSpace:"pre-wrap",wordBreak:"break-all"},footer:{padding:"8px 20px",borderTop:"1px solid #313244"},section:{marginBottom:24},sectionTitle:{color:"#a6adc8",fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:1,marginBottom:12,margin:0},grid:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:12},card:{background:"#313244",borderRadius:8,padding:"16px 14px",textAlign:"center"},integrationRow:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"8px 12px",background:"#313244",borderRadius:6},statusBadge:{fontSize:10,fontWeight:600,padding:"3px 8px",borderRadius:4}};export{Z as MonitoringModal};