@hotmeshio/long-tail 0.4.2 → 0.4.3

package/docs/hitl-guide.md

@@ -0,0 +1,560 @@
+# Human-in-the-Loop (HITL) Guide
+
+Build durable workflows that pause for human input and resume automatically when the human responds. Long-tail provides the full escalation lifecycle — claiming, routing, forms, resolution — so you focus on business logic and form design.
+
+---
+
+## Architecture Overview
+
+```
+Durable Workflow                  Long-tail Platform              Dashboard
+┌─────────────┐                  ┌──────────────────┐            ┌──────────────┐
+│ Run logic   │                  │  Create record   │            │  List view   │
+│ Hit decision│──escalate───────>│  Route to role   │───event──> │  Detail page │
+│ point       │                  │  Persist schema  │            │  Render form │
+│ ...pause... │                  │                  │            │  Human edits │
+│             │<──signal─────────│  Signal workflow │<──submit── │  Submit      │
+│ Resume with │                  │  Mark resolved   │            │              │
+│ payload     │                  └──────────────────┘            └──────────────┘
+└─────────────┘
+```
+
+1. **Workflow escalates** — creates an escalation record with a role, description, and optional form schema
+2. **Platform routes** — the escalation appears in the dashboard for users with the matching role
+3. **Human claims** — a user claims the work item (soft-lock with TTL)
+4. **Human submits** — the form response is sent back as a signal to the paused workflow
+5. **Workflow resumes** — continues execution with the human's input as the resolver payload
+
+---
+
+## Creating Escalations
+
+### Pattern 1: `conditionLT` Signal (Recommended)
+
+The workflow stays running and waits for a signal. Lightweight, no re-run needed.
+
+```typescript
+import { conditionLT } from 'long-tail/orchestrator';
+import { ltCreateEscalation } from 'long-tail/activities';
+
+export async function approvalWorkflow(envelope: LTEnvelope) {
+  // ... do initial work ...
+
+  const signalId = `approval-${ctx.workflowId}`;
+
+  // Create the escalation with a form schema
+  await ltCreateEscalation({
+    type: 'approval',
+    subtype: 'budget-request',
+    description: `Budget approval needed: $${envelope.amount}`,
+    role: 'finance-reviewer',
+    priority: 2,
+    envelope: JSON.stringify(envelope),
+    workflowId: ctx.workflowId,
+    taskQueue: ctx.taskQueue,
+    workflowType: 'approvalWorkflow',
+    metadata: {
+      signal_id: signalId,
+      form_schema: {
+        title: 'Budget Approval',
+        description: 'Review the budget request and approve or reject.',
+        properties: {
+          approved: { type: 'boolean', description: 'Approve this request?' },
+          notes: { type: 'string', format: 'textarea', description: 'Optional reviewer notes' },
+        },
+        required: ['approved'],
+      },
+    },
+  });
+
+  // Workflow pauses here until the human responds
+  const decision = await conditionLT<{ approved: boolean; notes?: string }>(signalId);
+
+  if (decision.approved) {
+    // ... proceed with approved flow ...
+  } else {
+    // ... handle rejection ...
+  }
+}
+```
+
+### Pattern 2: Interceptor Return
+
+The workflow returns an escalation result. The interceptor handles creation. On resolution, the workflow is re-run with the resolver payload injected into the envelope.
+
+```typescript
+export async function reviewWorkflow(envelope: LTEnvelope) {
+  if (needsHumanReview(envelope)) {
+    return {
+      type: 'escalation',
+      data: { document: envelope.documentUrl },
+      message: 'Document requires human review before publishing',
+      priority: 2,
+      role: 'content-reviewer',
+    };
+  }
+  // ... normal flow ...
+}
+```
+
+### Per-Escalation vs Workflow-Level Schema
+
+- **Workflow config `resolver_schema`**: Default form for all escalations of this workflow type. Set in the workflow registry.
+- **`metadata.form_schema`**: Per-escalation override. Takes precedence over workflow config. Use when different escalation points in the same workflow need different forms.
+
+---
+
+## JSON Schema Form Authoring
+
+The dashboard renders forms automatically from JSON Schema. No frontend code needed.
+
+### Supported Field Types
+
+| JSON Type | Renders As |
+|-----------|-----------|
+| `boolean` | Checkbox toggle |
+| `number` | Number input |
+| `string` | Text input (default) |
+| `string` + `enum` | Dropdown select |
+| `null` | Read-only "null" display |
+| `array` | Tag display (read-only) |
+| `object` | Nested section with recursive fields |
+
+### String Format Extensions
+
+Use the `format` keyword to get specialized inputs:
+
+| Format | Input Type |
+|--------|-----------|
+| `"password"` | Password field (masked, with ephemeral token redaction) |
+| `"date"` | Date picker |
+| `"date-time"` | Date + time picker |
+| `"email"` | Email input with validation |
+| `"uri"` | URL input |
+| `"textarea"` | Multi-line textarea (always, regardless of content length) |
+
+```json
+{
+  "properties": {
+    "due_date": { "type": "string", "format": "date" },
+    "contact_email": { "type": "string", "format": "email" },
+    "detailed_notes": { "type": "string", "format": "textarea" }
+  }
+}
+```
+
+### Custom Widgets (`x-lt-widget`)
+
+For rich inputs beyond standard HTML types:
+
+| Widget | Description |
+|--------|------------|
+| `"file-upload"` | File picker with drag-and-drop. Stores base64 data URL. Use `accept` to filter file types. |
+| `"code-editor"` | Monospace textarea with tab-key support. Use `x-lt-language` for syntax hint. |
+| `"signature"` | HTML5 Canvas drawing pad. Outputs PNG data URL. |
+| `"rich-text"` | Tall textarea for formatted text input. |
+
+```json
+{
+  "properties": {
+    "screenshot": {
+      "type": "string",
+      "x-lt-widget": "file-upload",
+      "accept": "image/*",
+      "description": "Upload a screenshot of the issue"
+    },
+    "fix_script": {
+      "type": "string",
+      "x-lt-widget": "code-editor",
+      "x-lt-language": "sql",
+      "description": "SQL migration to apply"
+    },
+    "signature": {
+      "type": "string",
+      "x-lt-widget": "signature",
+      "description": "Sign to confirm"
+    }
+  }
+}
+```
+
+### Layout Options (`x-lt-layout`)
+
+Control how fields are arranged:
+
+| Layout | Behavior |
+|--------|----------|
+| `"two-column"` | Fields in a 2-column grid. Use `x-lt-span: 2` on a field for full-width. |
+
+```json
+{
+  "x-lt-layout": "two-column",
+  "properties": {
+    "first_name": { "type": "string" },
+    "last_name": { "type": "string" },
+    "notes": { "type": "string", "format": "textarea", "x-lt-span": 2 }
+  }
+}
+```
+
+### Field Ordering (`x-lt-order`)
+
+By default, fields render in JSON key order. Use `x-lt-order` to control sequence:
+
+```json
+{
+  "x-lt-order": ["priority", "decision", "notes"],
+  "properties": {
+    "notes": { "type": "string" },
+    "decision": { "type": "string", "enum": ["approve", "reject", "defer"] },
+    "priority": { "type": "number" }
+  }
+}
+```
+
+### Validation (`required`)
+
+Fields listed in `required` show a red asterisk and block submission when empty:
+
+```json
+{
+  "required": ["decision"],
+  "properties": {
+    "decision": { "type": "string", "enum": ["approve", "reject"] },
+    "notes": { "type": "string", "description": "Optional comments" }
+  }
+}
+```
+
+### Read-Only Fields (`readOnly`)
+
+Fields with `readOnly: true` display as static text. Useful for showing context alongside editable fields:
+
+```json
+{
+  "properties": {
+    "request_amount": { "type": "number", "readOnly": true },
+    "approved_amount": { "type": "number", "description": "Enter the approved amount" }
+  }
+}
+```
+
+### Schema Title and Description
+
+The `title` and `description` at the schema root are used in the UI:
+- **`title`**: Shown as the section header (replaces "Submit Your Resolution" in user mode)
+- **`description`** or **`x-lt-context`**: In user mode, displayed as a context panel alongside the form in a two-panel layout
+
+```json
+{
+  "title": "Expense Approval",
+  "description": "Review the expense report below. Verify receipts match the claimed amounts. Approve or reject with notes.",
+  "properties": { ... }
+}
+```
+
+---
+
+## Iframe Viewport Protocol
+
+For fully custom UIs (PDF viewers, complex multi-step forms, specialized domain UIs), use an iframe viewport.
+
+### Schema Declaration
+
+```json
+{
+  "x-lt-viewport": {
+    "type": "iframe",
+    "src": "https://your-app.example.com/hitl-form"
+  },
+  "properties": { ... }
+}
+```
+
+When `x-lt-viewport` is present, the dashboard renders an iframe instead of the standard form.
+
+### Message Protocol
+
+Communication happens via `window.postMessage`.
+
+#### Parent to Iframe
+
+```typescript
+// Sent when the iframe signals ready or on load
+{
+  type: 'lt:init',
+  escalation: {
+    id: string,
+    type: string,
+    subtype: string,
+    description: string | null,
+    status: string,
+    priority: number,
+    role: string,
+    workflow_type: string | null,
+  },
+  schema: Record<string, unknown>,  // The full form schema
+}
+
+// Optional: parent requests the iframe to submit
+{
+  type: 'lt:requestSubmit'
+}
+```
+
+#### Iframe to Parent
+
+```typescript
+// Signal that the iframe is ready to receive init data
+{ type: 'lt:ready' }
+
+// Submit the human's response — triggers escalation resolution
+{ type: 'lt:submit', payload: { approved: true, notes: '...' } }
+
+// Escalate to a different role
+{ type: 'lt:escalate', target: 'senior-reviewer' }
+
+// Auto-resize the iframe
+{ type: 'lt:resize', height: 600 }
+```
+
+### Minimal Example
+
+```html
+<!DOCTYPE html>
+<html>
+<head><title>Custom HITL Form</title></head>
+<body>
+  <div id="form"></div>
+  <button id="submit">Approve</button>
+
+  <script>
+    // Signal ready
+    window.parent.postMessage({ type: 'lt:ready' }, '*');
+
+    // Receive init data
+    window.addEventListener('message', (event) => {
+      if (event.data.type === 'lt:init') {
+        const { escalation, schema } = event.data;
+        document.getElementById('form').textContent =
+          `Reviewing: ${escalation.description}`;
+      }
+    });
+
+    // Submit response
+    document.getElementById('submit').addEventListener('click', () => {
+      window.parent.postMessage({
+        type: 'lt:submit',
+        payload: { approved: true, reviewed_at: new Date().toISOString() },
+      }, '*');
+    });
+  </script>
+</body>
+</html>
+```
+
+### Security
+
+- The iframe runs with `sandbox="allow-scripts allow-same-origin allow-forms"`
+- The parent validates message origins — only messages from the iframe's origin are accepted
+- The `envelope` field (which may contain secrets) is NOT sent to the iframe
+- Only safe escalation metadata (id, type, description, status, priority, role) is exposed
+
+---
+
+## Dev Mode vs User Mode
+
+The escalation detail page has two viewing modes:
+
+| Aspect | Dev Mode | User Mode |
+|--------|----------|-----------|
+| **Default for** | Admins, superadmins, engineers | All other roles |
+| **Shows** | Everything | Title, description, form, action bar |
+| **Hides** | Nothing | Technical IDs, raw JSON, envelope data, AI triage, raw JSON editor |
+| **Persistence** | sessionStorage (per browser session) | sessionStorage |
+
+**Key principle**: User mode only hides technical debugging information. All HITL workflow actions (claim, submit, escalate, release) are always visible in both modes.
+
+Privileged users can toggle between modes via the switch in the page header.
+
+### Designing for User Mode
+
+To create a polished user mode experience:
+
+1. Set `title` on your schema — it replaces the section header
+2. Set `description` or `x-lt-context` — it appears as a context panel in a two-panel layout
+3. Use `readOnly` fields for context the human needs to see but shouldn't edit
+4. Use `x-lt-order` to put the most important fields first
+5. Use `required` to guide users on what must be filled
+6. Use descriptive `description` on individual fields for inline help text
+
+---
+
+## Role-Based Routing
+
+Escalations are routed by role. Users only see escalations for roles they hold.
+
+```typescript
+// Workflow escalates to a specific role
+await ltCreateEscalation({
+  role: 'finance-reviewer',  // Only users with this role see it
+  // ...
+});
+```
+
+### Escalation Chains
+
+Users can escalate to other roles via the "Escalate" tab:
+
+```
+Analyst → Senior Analyst → Manager → VP
+```
+
+Configure escalation targets in the role configuration (Admin > Roles). Each role defines which other roles it can escalate to.
+
+### Multi-Tier Example
+
+```typescript
+// Level 1: Auto-review
+const result = await autoReview(document);
+
+if (result.confidence < 0.8) {
+  // Level 2: Human analyst
+  await ltCreateEscalation({
+    role: 'analyst',
+    description: `Low confidence review (${result.confidence})`,
+    metadata: {
+      form_schema: {
+        title: 'Document Review',
+        properties: {
+          approved: { type: 'boolean' },
+          corrections: { type: 'string', format: 'textarea' },
+        },
+        required: ['approved'],
+      },
+    },
+  });
+  // User can further escalate to 'senior-analyst' or 'manager' from the dashboard
+}
+```
+
+---
+
+## Worked Examples
+
+### Simple Approval
+
+A workflow needs a yes/no decision with optional notes.
+
+```typescript
+metadata: {
+  signal_id: signalId,
+  form_schema: {
+    title: 'Approve Request',
+    description: 'Review the details and approve or reject this request.',
+    required: ['approved'],
+    properties: {
+      approved: { type: 'boolean', description: 'Check to approve' },
+      notes: { type: 'string', format: 'textarea', description: 'Optional comments' },
+    },
+  },
+}
+```
+
+### Document Review with PDF Viewer
+
+Use an iframe viewport to embed a PDF viewer alongside approval controls.
+
+```typescript
+metadata: {
+  signal_id: signalId,
+  form_schema: {
+    title: 'Document Review',
+    'x-lt-viewport': {
+      type: 'iframe',
+      src: 'https://internal.example.com/pdf-reviewer',
+    },
+  },
+}
+```
+
+The iframe at `pdf-reviewer` loads the document, renders it with a viewer, and posts `lt:submit` with the review decision.
+
+### Multi-Field Data Entry
+
+A complex form with layout and validation.
+
+```typescript
+metadata: {
+  signal_id: signalId,
+  form_schema: {
+    title: 'Customer Intake',
+    description: 'Complete the customer information form. All required fields must be filled before submission.',
+    'x-lt-layout': 'two-column',
+    'x-lt-order': ['first_name', 'last_name', 'email', 'phone', 'tier', 'notes'],
+    required: ['first_name', 'last_name', 'email', 'tier'],
+    properties: {
+      first_name: { type: 'string' },
+      last_name: { type: 'string' },
+      email: { type: 'string', format: 'email' },
+      phone: { type: 'string' },
+      tier: {
+        type: 'string',
+        enum: ['free', 'pro', 'enterprise'],
+        description: 'Select the customer tier',
+      },
+      notes: {
+        type: 'string',
+        format: 'textarea',
+        'x-lt-span': 2,
+        description: 'Additional notes about this customer',
+      },
+    },
+  },
+}
+```
+
+### Credential Provisioning
+
+Password fields are automatically redacted and replaced with ephemeral tokens (15-min TTL) before being sent back to the workflow.
+
+```typescript
+metadata: {
+  signal_id: signalId,
+  form_schema: {
+    title: 'Provide Credentials',
+    description: 'Enter the API credentials for this integration. Passwords are encrypted and stored as ephemeral tokens.',
+    required: ['api_key', 'api_secret'],
+    properties: {
+      api_key: { type: 'string', description: 'API Key' },
+      api_secret: { type: 'string', format: 'password', description: 'API Secret (will be redacted)' },
+      environment: {
+        type: 'string',
+        enum: ['sandbox', 'production'],
+        description: 'Target environment',
+      },
+    },
+  },
+}
+```
+
+---
+
+## What Long-tail Provides (For Free)
+
+When you author a HITL-backed workflow, the platform handles:
+
+- **Escalation routing** — role-based, priority-ordered work queues
+- **Claim/release** — soft-lock with TTL, prevents duplicate work
+- **Real-time updates** — NATS/Socket.IO events push changes to the dashboard instantly
+- **Form rendering** — JSON Schema to rich form controls, no frontend code needed
+- **Dev/user mode** — technical vs clean views, per-session preference
+- **Section state persistence** — collapsed sections remembered across navigation
+- **Escalation chains** — users can re-route work to other roles
+- **AI triage** — optional auto-resolution for common patterns (dev mode)
+- **Signal routing** — 5 resolution paths (conditionLT, waitFor, triage, re-run, notification-only)
+- **Credential security** — password fields use ephemeral tokens, never stored in plain text
+- **Telemetry** — trace IDs link escalations to OpenTelemetry traces
+- **Bulk operations** — bulk claim, assign, escalate, triage for queue management
+
+You write the workflow and the schema. Everything else is provided.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotmeshio/long-tail",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Long Tail Workflows — Durable AI workflows with human-in-the-loop escalation. Powered by PostgreSQL.",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
@@ -70,7 +70,7 @@
     "@anthropic-ai/sdk": "^0.92.0",
     "@aws-sdk/client-s3": "^3.1017.0",
     "@aws-sdk/s3-request-presigner": "^3.1045.0",
-    "@hotmeshio/hotmesh": "^0.19.1",
+    "@hotmeshio/hotmesh": "^0.19.2",
     "@modelcontextprotocol/sdk": "^1.27.1",
     "@opentelemetry/exporter-trace-otlp-proto": "^0.215.0",
     "@opentelemetry/resources": "^2.5.1",

package/dashboard/dist/assets/EventTable-B9wYf13g.js

@@ -1,2 +0,0 @@
-import{a as d,j as t}from"./vendor-query-B2UbickB.js";import{F as $,b as g}from"./FilterBar-Ck4K4rzu.js";import{f as T,C as F}from"./index-CBS8FBcp.js";import{E as O}from"./SwimlaneTimeline-CU2ZD9cC.js";const y="lt-collapsed-sections";function D(r){try{const n=localStorage.getItem(`${y}:${r}`);return n?new Set(JSON.parse(n)):new Set}catch{return new Set}}function P(r,n){localStorage.setItem(`${y}:${r}`,JSON.stringify([...n]))}function G(r){const[n,l]=d.useState(()=>D(r)),p=d.useCallback(o=>n.has(o),[n]),u=d.useCallback(o=>{l(x=>{const c=new Set(x);return c.has(o)?c.delete(o):c.add(o),P(r,c),c})},[r]);return{isCollapsed:p,toggle:u}}const A=new Set(["activity_task_scheduled","timer_started","child_workflow_execution_started","signal_wait_started"]),L=new Set(["activity_task_completed","activity_task_failed","timer_fired","child_workflow_execution_completed","child_workflow_execution_failed","workflow_execution_signaled"]);function R(r){const n=new Set;for(const l of r)L.has(l.event_type)&&l.attributes.timeline_key&&n.add(l.attributes.timeline_key);return n}function K({events:r,childTasks:n}){const[l,p]=d.useState(""),[u,o]=d.useState(""),[x,c]=d.useState("asc"),[m,f]=d.useState(new Set),b=[...new Set(r.map(e=>e.category))].sort(),w=[...new Set(r.map(e=>e.event_type))].sort(),v=R(r),S=e=>{if(e.duration_ms!==null||!A.has(e.event_type))return!1;const s=e.attributes.timeline_key;return!(s&&v.has(s))};let a=r;l&&(a=a.filter(e=>e.category===l)),u&&(a=a.filter(e=>e.event_type===u)),a=[...a].sort((e,s)=>x==="asc"?e.event_id-s.event_id:s.event_id-e.event_id);const j=e=>{switch(e){case"activity":return"bg-blue-500";case"signal":return"bg-emerald-500";case"timer":return"bg-status-warning";case"child_workflow":return"bg-violet-500";default:return"bg-text-tertiary"}},k=e=>{const s=e.event_type;if(e.attributes.activity_type)return`${s} — ${e.attributes.activity_type}`;if(e.attributes.signal_name)return`${s} — ${e.attributes.signal_name}`;if(e.attributes.child_workflow_id){const i=e.attributes.child_workflow_id,C=i.length>24?`${i.slice(0,24)}...`:i;return`${s} — ${C}`}return s},N=e=>{if(!(n!=null&&n.length))return;const s=e.attributes.activity_type;if(s)return n.find(i=>i.workflow_type===s)},_=e=>{f(s=>{const i=new Set(s);return i.has(e)?i.delete(e):i.add(e),i})},h=a.length>0&&a.every(e=>m.has(e.event_id)),E=()=>{f(h?new Set:new Set(a.map(e=>e.event_id)))};return t.jsxs("div",{children:[t.jsxs("div",{className:"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:["Events (",a.length,")"]}),a.length>0&&t.jsx("button",{onClick:E,className:"text-[10px] text-accent hover:underline",children:h?"Collapse all":"Expand all"})]}),t.jsxs($,{children:[t.jsx(g,{label:"Category",value:l,onChange:p,options:b.map(e=>({value:e,label:e}))}),t.jsx(g,{label:"Type",value:u,onChange:o,options:w.map(e=>({value:e,label:e}))}),t.jsx("button",{onClick:()=>c(e=>e==="asc"?"desc":"asc"),className:"btn-ghost text-xs",children:x==="asc"?"Oldest first":"Newest first"})]})]}),t.jsx("div",{children:a.length===0?t.jsx("div",{className:"px-6 py-8 text-center",children:t.jsx("p",{className:"text-sm text-text-tertiary",children:"No events match the current filters"})}):a.map(e=>{const s=m.has(e.event_id),i=S(e);return t.jsxs("div",{className:"border-b border-surface-border last:border-b-0",children:[t.jsxs("div",{className:"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200",onClick:()=>_(e.event_id),children:[t.jsx("span",{className:`text-[10px] text-text-tertiary transition-transform duration-300 ${s?"rotate-90":""}`,children:"▶"}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary w-8 shrink-0",children:e.event_id}),t.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${j(e.category)}`}),t.jsx("span",{className:"text-sm text-text-primary flex-1 truncate",children:k(e)}),t.jsx("span",{className:"text-xs font-mono text-text-tertiary shrink-0",children:i?t.jsxs("span",{className:"inline-flex items-center gap-1 text-status-warning",children:[t.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse"}),"Pending"]}):e.duration_ms!==null?T(e.duration_ms):"--"}),t.jsx("time",{className:"text-[10px] font-mono text-text-tertiary shrink-0",children:new Date(e.event_time).toLocaleTimeString()})]}),t.jsx(F,{open:s&&!!e.attributes,children:t.jsx("div",{className:"px-6 pb-4 pl-16",children:t.jsx(O,{event:e,childTask:N(e),pending:i,onClose:()=>_(e.event_id)})})})]},e.event_id)})})]})}export{K as E,G as u};
-//# sourceMappingURL=EventTable-B9wYf13g.js.map

package/dashboard/dist/assets/EventTable-B9wYf13g.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventTable-B9wYf13g.js","sources":["../../src/hooks/useCollapsedSections.ts","../../src/pages/workflows/workflow-execution/EventTable.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nconst STORAGE_KEY = 'lt-collapsed-sections';\n\nfunction load(pageKey: string): Set<string> {\n  try {\n    const raw = localStorage.getItem(`${STORAGE_KEY}:${pageKey}`);\n    if (!raw) return new Set();\n    return new Set(JSON.parse(raw));\n  } catch {\n    return new Set();\n  }\n}\n\nfunction save(pageKey: string, set: Set<string>) {\n  localStorage.setItem(`${STORAGE_KEY}:${pageKey}`, JSON.stringify([...set]));\n}\n\nexport function useCollapsedSections(pageKey: string) {\n  const [collapsed, setCollapsed] = useState<Set<string>>(() => load(pageKey));\n\n  const isCollapsed = useCallback(\n    (section: string) => collapsed.has(section),\n    [collapsed],\n  );\n\n  const toggle = useCallback(\n    (section: string) => {\n      setCollapsed((prev) => {\n        const next = new Set(prev);\n        if (next.has(section)) {\n          next.delete(section);\n        } else {\n          next.add(section);\n        }\n        save(pageKey, next);\n        return next;\n      });\n    },\n    [pageKey],\n  );\n\n  return { isCollapsed, toggle };\n}\n","import { useState } from 'react';\nimport { FilterBar, FilterSelect } from '../../../components/common/data/FilterBar';\nimport { Collapsible } from '../../../components/common/layout/Collapsible';\nimport type { WorkflowExecutionEvent, LTTaskRecord } from '../../../api/types';\nimport { EventDetailPanel } from './EventDetailPanel';\nimport { formatDuration } from './utils';\n\ninterface EventTableProps {\n  events: WorkflowExecutionEvent[];\n  childTasks?: LTTaskRecord[];\n}\n\n/** Event types that represent the \"start\" phase of a paired operation */\nconst STARTED_TYPES = new Set([\n  'activity_task_scheduled',\n  'timer_started',\n  'child_workflow_execution_started',\n  'signal_wait_started',\n]);\n\n/** Completion event types that close a paired operation */\nconst COMPLETED_TYPES = new Set([\n  'activity_task_completed',\n  'activity_task_failed',\n  'timer_fired',\n  'child_workflow_execution_completed',\n  'child_workflow_execution_failed',\n  'workflow_execution_signaled',\n]);\n\n/**\n * Build a set of timeline_keys that have a matching completion event.\n * A \"scheduled\" event is only truly pending if no completion exists.\n */\nfunction buildCompletedKeys(events: WorkflowExecutionEvent[]): Set<string> {\n  const keys = new Set<string>();\n  for (const e of events) {\n    if (COMPLETED_TYPES.has(e.event_type) && e.attributes.timeline_key) {\n      keys.add(e.attributes.timeline_key);\n    }\n  }\n  return keys;\n}\n\nexport function EventTable({ events, childTasks }: EventTableProps) {\n  const [categoryFilter, setCategoryFilter] = useState('');\n  const [typeFilter, setTypeFilter] = useState('');\n  const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');\n  const [expandedEvents, setExpandedEvents] = useState<Set<number>>(new Set());\n\n  const categories = [...new Set(events.map((e) => e.category))].sort();\n  const eventTypes = [...new Set(events.map((e) => e.event_type))].sort();\n  const completedKeys = buildCompletedKeys(events);\n\n  /** True only when a \"started/scheduled\" event has no matching completion */\n  const isPending = (evt: WorkflowExecutionEvent): boolean => {\n    if (evt.duration_ms !== null) return false;\n    if (!STARTED_TYPES.has(evt.event_type)) return false;\n    const tlk = evt.attributes.timeline_key;\n    if (tlk && completedKeys.has(tlk)) return false;\n    return true;\n  };\n\n  let filtered = events;\n  if (categoryFilter) filtered = filtered.filter((e) => e.category === categoryFilter);\n  if (typeFilter) filtered = filtered.filter((e) => e.event_type === typeFilter);\n\n  filtered = [...filtered].sort((a, b) =>\n    sortOrder === 'asc' ? a.event_id - b.event_id : b.event_id - a.event_id,\n  );\n\n  const categoryDot = (category: string) => {\n    switch (category) {\n      case 'activity':\n        return 'bg-blue-500';\n      case 'signal':\n        return 'bg-emerald-500';\n      case 'timer':\n        return 'bg-status-warning';\n      case 'child_workflow':\n        return 'bg-violet-500';\n      default:\n        return 'bg-text-tertiary';\n    }\n  };\n\n  /** Build a descriptive label for an event row */\n  const eventLabel = (evt: WorkflowExecutionEvent): string => {\n    const base = evt.event_type;\n    if (evt.attributes.activity_type) {\n      return `${base} — ${evt.attributes.activity_type}`;\n    }\n    if (evt.attributes.signal_name) {\n      return `${base} — ${evt.attributes.signal_name}`;\n    }\n    if (evt.attributes.child_workflow_id) {\n      const id = evt.attributes.child_workflow_id;\n      const truncated = id.length > 24 ? `${id.slice(0, 24)}...` : id;\n      return `${base} — ${truncated}`;\n    }\n    return base;\n  };\n\n  /** Find a matching child task for an event's activity_type */\n  const findChildTask = (evt: WorkflowExecutionEvent): LTTaskRecord | undefined => {\n    if (!childTasks?.length) return undefined;\n    const activityType = evt.attributes.activity_type;\n    if (!activityType) return undefined;\n    return childTasks.find((t) => t.workflow_type === activityType);\n  };\n\n  const toggleEvent = (id: number) => {\n    setExpandedEvents((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  const allExpanded = filtered.length > 0 && filtered.every((e) => expandedEvents.has(e.event_id));\n\n  const toggleAll = () => {\n    if (allExpanded) {\n      setExpandedEvents(new Set());\n    } else {\n      setExpandedEvents(new Set(filtered.map((e) => e.event_id)));\n    }\n  };\n\n  return (\n    <div>\n      <div className=\"px-6 py-4 border-b border-surface-border flex items-center justify-between flex-wrap gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <p className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">\n            Events ({filtered.length})\n          </p>\n          {filtered.length > 0 && (\n            <button onClick={toggleAll} className=\"text-[10px] text-accent hover:underline\">\n              {allExpanded ? 'Collapse all' : 'Expand all'}\n            </button>\n          )}\n        </div>\n        <FilterBar>\n          <FilterSelect\n            label=\"Category\"\n            value={categoryFilter}\n            onChange={setCategoryFilter}\n            options={categories.map((c) => ({ value: c, label: c }))}\n          />\n          <FilterSelect\n            label=\"Type\"\n            value={typeFilter}\n            onChange={setTypeFilter}\n            options={eventTypes.map((t) => ({ value: t, label: t }))}\n          />\n          <button\n            onClick={() => setSortOrder((s) => (s === 'asc' ? 'desc' : 'asc'))}\n            className=\"btn-ghost text-xs\"\n          >\n            {sortOrder === 'asc' ? 'Oldest first' : 'Newest first'}\n          </button>\n        </FilterBar>\n      </div>\n\n      <div>\n        {filtered.length === 0 ? (\n          <div className=\"px-6 py-8 text-center\">\n            <p className=\"text-sm text-text-tertiary\">No events match the current filters</p>\n          </div>\n        ) : (\n          filtered.map((evt) => {\n            const isExpanded = expandedEvents.has(evt.event_id);\n            const pending = isPending(evt);\n\n            return (\n              <div\n                key={evt.event_id}\n                className=\"border-b border-surface-border last:border-b-0\"\n              >\n                {/* Row header */}\n                <div\n                  className=\"px-6 py-3 flex items-center gap-4 cursor-pointer hover:bg-surface-hover transition-colors duration-200\"\n                  onClick={() => toggleEvent(evt.event_id)}\n                >\n                  {/* Expand chevron */}\n                  <span\n                    className={`text-[10px] text-text-tertiary transition-transform duration-300 ${isExpanded ? 'rotate-90' : ''}`}\n                  >\n                    &#9654;\n                  </span>\n\n                  <span className=\"text-xs font-mono text-text-tertiary w-8 shrink-0\">\n                    {evt.event_id}\n                  </span>\n                  <span\n                    className={`w-2 h-2 rounded-full shrink-0 ${categoryDot(evt.category)}`}\n                  />\n                  <span className=\"text-sm text-text-primary flex-1 truncate\">\n                    {eventLabel(evt)}\n                  </span>\n                  <span className=\"text-xs font-mono text-text-tertiary shrink-0\">\n                    {pending ? (\n                      <span className=\"inline-flex items-center gap-1 text-status-warning\">\n                        <span className=\"w-1.5 h-1.5 rounded-full bg-status-warning animate-pulse\" />\n                        Pending\n                      </span>\n                    ) : evt.duration_ms !== null ? (\n                      formatDuration(evt.duration_ms)\n                    ) : (\n                      '--'\n                    )}\n                  </span>\n                  <time className=\"text-[10px] font-mono text-text-tertiary shrink-0\">\n                    {new Date(evt.event_time).toLocaleTimeString()}\n                  </time>\n                </div>\n\n                {/* Inline detail panel — directly below the clicked row */}\n                <Collapsible open={isExpanded && !!evt.attributes}>\n                  <div className=\"px-6 pb-4 pl-16\">\n                    <EventDetailPanel\n                      event={evt}\n                      childTask={findChildTask(evt)}\n                      pending={pending}\n                      onClose={() => toggleEvent(evt.event_id)}\n                    />\n                  </div>\n                </Collapsible>\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["STORAGE_KEY","load","pageKey","raw","save","set","useCollapsedSections","collapsed","setCollapsed","useState","isCollapsed","useCallback","section","toggle","prev","next","STARTED_TYPES","COMPLETED_TYPES","buildCompletedKeys","events","keys","e","EventTable","childTasks","categoryFilter","setCategoryFilter","typeFilter","setTypeFilter","sortOrder","setSortOrder","expandedEvents","setExpandedEvents","categories","eventTypes","completedKeys","isPending","evt","tlk","filtered","a","b","categoryDot","category","eventLabel","base","id","truncated","findChildTask","activityType","t","toggleEvent","allExpanded","toggleAll","jsxs","jsx","FilterBar","FilterSelect","c","s","isExpanded","pending","formatDuration","Collapsible","EventDetailPanel"],"mappings":"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"}

package/dashboard/dist/assets/McpRunDetailPage-SoXudCbq.js

@@ -1,2 +0,0 @@
-import{b as P,a as I,j as e}from"./vendor-query-B2UbickB.js";import{b as D}from"./mcp-runs-BhkGaw2y.js";import{u as R}from"./settings-wTRbazzw.js";import{S as K}from"./StatusBadge-XQlNFwmH.js";import{u as U,D as $,c as N,J as w,N as J}from"./index-CBS8FBcp.js";import{P as k}from"./PageHeader-Bo0SpcCK.js";import{C as L}from"./CopyableId-DmLF-RqZ.js";import{C as j}from"./CollapsibleSection-D9F01Tny.js";import{u as M,E as V}from"./EventTable-B9wYf13g.js";import{L as q}from"./ListToolbar-DL1wEuvL.js";import{S as B}from"./SwimlaneTimeline-CU2ZD9cC.js";import{e as F,f as H}from"./vendor-react-CX88sFS5.js";import"./vendor-icons-BNtvBbnj.js";import"./FilterBar-Ck4K4rzu.js";const Q={running:"in_progress",completed:"completed",failed:"failed"};function le(){var g,v;const{jobId:s}=F(),[o]=H(),r=o.get("namespace")||"longtail",h=P(),{data:t,isLoading:S,error:i,refetch:_,isFetching:C}=D(s,r),{data:x}=R(),{isCollapsed:d,toggle:m}=M("mcp-run-detail"),f=((g=x==null?void 0:x.telemetry)==null?void 0:g.traceUrl)??null,E=I.useCallback(c=>{!s||c.workflowId!==s||h.invalidateQueries({queryKey:["mcpRunExecution",s]})},[s,h]);if(U(`${J}.activity.>`,E),S)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(i||!t)return e.jsxs("div",{children:[e.jsx(k,{title:"Pipeline Execution"}),e.jsxs("div",{className:"mt-4 text-center py-8",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:(v=i==null?void 0:i.message)!=null&&v.includes("expired")?"Execution data is no longer available":"Unable to load execution"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:(i==null?void 0:i.message)??"The run could not be resolved."})]})]});const{events:u,summary:a}=t,p=u.find(c=>{var y;return c.category==="activity"&&((y=c.attributes.kind)==null?void 0:y.includes("completed"))}),T=(p==null?void 0:p.attributes.result)??null,n=t.result,b=(n==null?void 0:n.data)??n??null;return e.jsxs("div",{children:[e.jsx(k,{title:"Pipeline Execution",actions:e.jsx(q,{onRefresh:()=>_(),isFetching:C,apiPath:`/mcp-runs/${s}/execution?app_id=${r}`})}),e.jsxs("div",{className:"bg-surface-raised border border-surface-border rounded-md p-5 mb-8",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[e.jsx("h2",{className:"text-sm font-mono text-text-primary truncate flex-1",children:t.workflow_id}),e.jsxs("div",{className:"flex items-center gap-4 shrink-0",children:[e.jsx(l,{label:"Tools",value:a.activities.user}),e.jsx(l,{label:"System",value:a.activities.system,muted:!0}),a.child_workflows.total>0&&e.jsx(l,{label:"Children",value:a.child_workflows.total}),a.timers>0&&e.jsx(l,{label:"Timers",value:a.timers}),a.signals>0&&e.jsx(l,{label:"Signals",value:a.signals}),e.jsx(K,{status:Q[t.status]??t.status})]})]}),e.jsxs("div",{className:"grid grid-cols-6 gap-x-6",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Server"}),e.jsx("p",{className:"text-xs font-mono text-text-primary truncate",children:r})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Tool"}),e.jsx("p",{className:"text-xs font-mono text-text-primary truncate",children:t.workflow_type||"—"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Duration"}),e.jsx($,{ms:t.duration_ms,className:"font-mono text-text-primary"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Started"}),t.start_time?e.jsx(N,{date:t.start_time,format:"datetime",className:"font-mono text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Completed"}),t.close_time?e.jsx(N,{date:t.close_time,format:"datetime",className:"font-mono text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-0.5",children:"Trace"}),t.trace_id?e.jsx(L,{label:"",value:t.trace_id,href:f?f.replace("{traceId}",t.trace_id):void 0,external:!0}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"—"})]})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(j,{title:"Details",sectionKey:"details",isCollapsed:d("details"),onToggle:m,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[e.jsx("div",{children:e.jsx(w,{data:T??{},label:"Input"})}),b!==null&&e.jsx("div",{children:e.jsx(w,{data:b,label:"Result"})})]})}),e.jsx(j,{title:"Execution Timeline",sectionKey:"timeline",isCollapsed:d("timeline"),onToggle:m,children:e.jsx(B,{events:u,outline:!0})}),e.jsx(j,{title:"Events",sectionKey:"events",isCollapsed:d("events"),onToggle:m,children:e.jsx(V,{events:u})})]})]})}function l({label:s,value:o,muted:r}){return e.jsxs("div",{className:"flex items-center gap-1.5 text-xs",children:[e.jsx("span",{className:"text-text-tertiary",children:s}),e.jsx("span",{className:`font-medium tabular-nums ${r?"text-text-tertiary":"text-text-primary"}`,children:o})]})}export{le as McpRunDetailPage};
-//# sourceMappingURL=McpRunDetailPage-SoXudCbq.js.map

package/dashboard/dist/assets/WorkflowExecutionPage-CVGztAdK.js

@@ -1,2 +0,0 @@
-import{j as e,a as b}from"./vendor-query-B2UbickB.js";import{a as $,g as L}from"./workflows-MpNdzreD.js";import{h as R}from"./useEventHooks-C689a4F7.js";import{u as P,E as A}from"./EventTable-B9wYf13g.js";import{b as D,e as K}from"./tasks-C-QX245z.js";import{c as k,D as Q,J as N,d as V}from"./index-CBS8FBcp.js";import{P as z}from"./PageHeader-Bo0SpcCK.js";import{C as g}from"./CollapsibleSection-D9F01Tny.js";import{L as B}from"./ListToolbar-DL1wEuvL.js";import{S as _}from"./StatusBadge-XQlNFwmH.js";import{L as u,e as H,u as J,c as M}from"./vendor-react-CX88sFS5.js";import{S as O}from"./SwimlaneTimeline-CU2ZD9cC.js";import"./FilterBar-Ck4K4rzu.js";import"./vendor-icons-BNtvBbnj.js";function x({label:t,value:a,mono:r,truncate:s,children:n}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:t}),n||e.jsx("p",{className:`text-xs text-text-primary ${r?"font-mono":""} ${s?"truncate":""}`,title:s?a:void 0,children:a})]})}function F(t){const a=t.lastIndexOf("-");return a<=0?{taskQueue:t,workflowType:t}:{taskQueue:t.substring(0,a),workflowType:t.substring(a+1)}}function U({execution:t,task:a,escalations:r}){const n=a&&a.workflow_id===t.workflow_id?a.parent_workflow_id:null,{taskQueue:o,workflowType:m}=F(t.workflow_type);return e.jsxs("div",{className:"px-6 py-6 mb-6",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-y-4 gap-x-8",children:[e.jsx(x,{label:"Workflow Type",value:m,mono:!0}),e.jsx(x,{label:"Task Queue",value:o,mono:!0}),e.jsx(x,{label:"Start Time",children:t.start_time?e.jsx(k,{date:t.start_time,format:"datetime",className:"text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})}),e.jsx(x,{label:"End Time",children:t.close_time?e.jsx(k,{date:t.close_time,format:"datetime",className:"text-text-primary"}):e.jsx("span",{className:"text-xs text-text-tertiary",children:"--"})}),e.jsx(x,{label:"Duration",children:e.jsx(Q,{ms:t.duration_ms,className:"font-mono text-text-primary"})}),e.jsx(x,{label:"History Size",value:`${t.summary.total_events} events`}),e.jsx(x,{label:"Activities",value:`${t.summary.activities.completed} / ${t.summary.activities.total}`}),e.jsx(x,{label:"Run ID",value:t.workflow_id,mono:!0,truncate:!0})]}),(n||a||r&&r.length>0)&&e.jsxs("div",{className:"mt-5 pt-4 border-t border-surface-border space-y-3",children:[n&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0",children:"Parent"}),e.jsx(u,{to:`/workflows/executions/${n}`,className:"text-xs font-mono text-accent hover:underline truncate",title:n,children:n})]}),!1,r&&r.length>0&&e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary shrink-0 mt-0.5",children:r.length===1?"Escalation":"Escalations"}),e.jsx("div",{className:"flex flex-wrap gap-x-4 gap-y-1",children:r.map(l=>e.jsxs(u,{to:`/escalations/detail/${l.id}`,className:"inline-flex items-center gap-1.5 text-xs font-mono text-accent hover:underline",children:[e.jsx("span",{children:l.type}),e.jsx(_,{status:l.status})]},l.id))})]})]})]})}function q(t){var s;const a=t.events.find(n=>n.event_type==="workflow_execution_started"),r=(s=a==null?void 0:a.attributes)==null?void 0:s.input;return r&&typeof r=="object"?r:null}function Z({execution:t}){const a=q(t),r=t.result,s=(r==null?void 0:r.data)??r??null;return!a&&!s?null:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:[a!==null&&e.jsx("div",{children:e.jsx(N,{data:a,label:"Input Envelope"})}),s!==null&&e.jsx("div",{children:e.jsx(N,{data:s,label:"Result"})})]})}function G({isRunning:t,hasToolCalls:a,workflowId:r,onAction:s}){const[n,o]=b.useState(!1),m=b.useRef(null);return b.useEffect(()=>{if(!n)return;const l=p=>{m.current&&!m.current.contains(p.target)&&o(!1)};return document.addEventListener("mousedown",l),()=>document.removeEventListener("mousedown",l)},[n]),e.jsxs("div",{className:"relative",ref:m,children:[e.jsx("button",{onClick:()=>o(!n),className:"btn-primary text-xs",children:"Actions"}),n&&e.jsxs("div",{className:"absolute right-0 mt-1 w-44 bg-surface-raised border border-surface-border rounded-md shadow-lg z-10",children:[e.jsx("button",{onClick:()=>{s("restart"),o(!1)},className:"block w-full text-left px-4 py-2 text-xs text-text-secondary hover:bg-surface-hover",children:"Restart Workflow"}),t&&e.jsx("button",{onClick:()=>{s("terminate"),o(!1)},className:"block w-full text-left px-4 py-2 text-xs text-status-error hover:bg-surface-hover",children:"Terminate"}),a&&e.jsx(u,{to:`/mcp/queries/${r}?step=3`,className:"block w-full text-left px-4 py-2 text-xs text-accent hover:bg-surface-hover",onClick:()=>o(!1),children:"Compile into Pipeline"})]})]})}function me(){const{workflowId:t}=H(),{pathname:a}=J();R(t);const r=(a.startsWith("/workflows/durable/"),"Durable Execution"),{data:s,isLoading:n,error:o,refetch:m,isFetching:l}=$(t),{data:p}=D(t),{data:c}=K(t),{data:f}=V(t),T=M(),h=L(),{isCollapsed:w,toggle:j}=P("workflow-execution"),E=d=>{var i;if(d==="terminate")confirm("Are you sure you want to terminate this workflow?")&&h.mutate(t);else if(d==="restart"&&s){const I=s.workflow_id.replace(/-[A-Za-z0-9_-]{20,}$/,""),v=s.events.find(S=>S.event_type==="workflow_execution_started"),y=(i=v==null?void 0:v.attributes)==null?void 0:i.input;y&&sessionStorage.setItem("lt:invoke:prefill",JSON.stringify(y)),T(`/workflows/start?type=${encodeURIComponent(I)}&mode=now`)}};if(n)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});if(o||!s){const d=(o==null?void 0:o.message)??"",i=d.includes("expired")||d.includes("no longer available");return e.jsxs("div",{children:[e.jsx(u,{to:"/workflows/executions",className:"text-xs text-text-tertiary hover:text-text-primary",children:"← Workflows"}),e.jsxs("div",{className:"mt-4 text-center py-8",children:[e.jsx("p",{className:"text-sm text-text-primary mb-1",children:i?"Execution data is no longer available":o?"Unable to load execution":"Execution not found"}),e.jsx("p",{className:"text-xs text-text-tertiary",children:i?"This workflow's underlying job has expired. The task record is preserved, but the execution timeline has been cleaned up.":d||"The workflow could not be resolved."})]})]})}const C=s.status!=="completed"&&s.status!=="failed",W=s.status==="completed"&&s.events.some(d=>{if(d.event_type!=="activity_task_completed")return!1;const i=d.attributes.activity_type;return i==="callDbTool"||i==="callVisionTool"||i==="callMcpTool"||(i==null?void 0:i.startsWith("mcp_"))});return e.jsxs("div",{children:[e.jsx(z,{title:r,actions:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(B,{onRefresh:()=>m(),isFetching:l,apiPath:`/workflow-states/${t}/execution`}),e.jsx(_,{status:s.status}),e.jsx(G,{isRunning:C,hasToolCalls:W,workflowId:t,onAction:E})]})}),e.jsx(U,{execution:s,task:p,childTasks:c==null?void 0:c.tasks,escalations:f==null?void 0:f.escalations}),h.error&&e.jsx("div",{className:"py-3 mb-6",children:e.jsxs("p",{className:"text-xs text-status-error",children:["Terminate failed: ",h.error.message]})}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(g,{title:"Details",sectionKey:"details",isCollapsed:w("details"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(Z,{execution:s})}),e.jsx(g,{title:"Execution Timeline",sectionKey:"timeline",isCollapsed:w("timeline"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(O,{events:s.events,childTasks:c==null?void 0:c.tasks})}),e.jsx(g,{title:"Events",sectionKey:"events",isCollapsed:w("events"),onToggle:j,contentClassName:"mt-4 ml-9",children:e.jsx(A,{events:s.events,childTasks:c==null?void 0:c.tasks})})]})]})}export{me as WorkflowExecutionPage};
-//# sourceMappingURL=WorkflowExecutionPage-CVGztAdK.js.map