@hotmeshio/long-tail 0.4.2 → 0.4.4

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.4",
   "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.3",
     "@modelcontextprotocol/sdk": "^1.27.1",
     "@opentelemetry/exporter-trace-otlp-proto": "^0.215.0",
     "@opentelemetry/resources": "^2.5.1",

package/dashboard/dist/assets/AgentConfigPage-DG1zOIiz.js

@@ -1,13 +0,0 @@
-import{j as e,a as g}from"./vendor-query-B2UbickB.js";import{a as te,d as se,b as ae}from"./agents-2pDPv2Ww.js";import{C as ne,u as ie,a as le,b as ce,c as re}from"./CronLabel-DnZF8_vw.js";import{P as oe}from"./PageHeader-Bo0SpcCK.js";import{B as P,d as L,R as z,Y as $,n as B,a4 as U,a as G,aF as K,K as de}from"./vendor-icons-BNtvBbnj.js";import{e as xe}from"./knowledge-BhZk3Wy9.js";import{c as pe}from"./index-CBS8FBcp.js";import{R as H}from"./RunAsSelector-B1R8nJvE.js";import{u as Q}from"./workflows-MpNdzreD.js";import{u as he}from"./topics-CAnsyo3w.js";import{u as me}from"./yaml-workflows-CFhnJzQy.js";import{E as ue}from"./EventTopicPill-By-6sXDp.js";import{W as F}from"./WorkflowPill-pPuGH8v9.js";import{e as ve,c as je,f as ge}from"./vendor-react-CX88sFS5.js";import"./BotPicker-CvXQwE5Z.js";import"./bots-2uGZ2l7A.js";const J={name:"",description:"",goals:"",rules:"",user_id:"",knowledge_domain:"",subscriptions:[],schedules:[]},fe={topic:"",filter:"",reaction_type:"durable",workflow_type:"",pipeline_id:"",mcp_prompt:"",input_mapping:"{}",execute_as:"",enabled:!0},ye={cron:"0 * * * *",reaction_type:"durable",workflow_type:"",pipeline_id:"",envelope:"{}",execute_as:""};function be(t,s){var l,d,h;const o=(d=(l=t.behaviors)==null?void 0:l.schedules)!=null&&d.length?t.behaviors.schedules.map(i=>({cron:i.cron||"",reaction_type:i.reaction_type||"durable",workflow_type:i.workflow_type||"",pipeline_id:i.pipeline_id||"",envelope:i.envelope?JSON.stringify(i.envelope,null,2):"{}",execute_as:i.execute_as||""})):(h=t.behaviors)!=null&&h.cron?[{cron:t.behaviors.cron,reaction_type:"durable",workflow_type:t.workflow_type??"",pipeline_id:"",envelope:"{}",execute_as:""}]:[];return{name:t.id,description:t.description??"",goals:t.goals??"",rules:t.rules??"",user_id:t.user_id??"",knowledge_domain:t.knowledge_domain??"",subscriptions:s.map(i=>({id:i.id,topic:i.topic,filter:i.filter?JSON.stringify(i.filter,null,2):"",reaction_type:i.reaction_type,workflow_type:i.workflow_type??"",pipeline_id:i.pipeline_id??"",mcp_prompt:i.mcp_prompt??"",input_mapping:JSON.stringify(i.input_mapping??{},null,2),execute_as:i.execute_as??"",enabled:i.enabled})),schedules:o}}function we(t){var o;const s={};return t.schedules.length>0&&(s.schedules=t.schedules.map(l=>({cron:l.cron,reaction_type:l.reaction_type||"durable",workflow_type:l.reaction_type==="pipeline"?void 0:l.workflow_type,pipeline_id:l.reaction_type==="pipeline"?l.pipeline_id:void 0,envelope:M(l.envelope)??{},execute_as:l.execute_as||void 0})),s.cron=t.schedules[0].cron),{id:t.name,description:t.description||void 0,goals:t.goals||void 0,rules:t.rules||void 0,user_id:t.user_id||void 0,knowledge_domain:t.knowledge_domain||void 0,behaviors:s,workflow_type:((o=t.schedules[0])==null?void 0:o.workflow_type)||void 0,pipeline_id:void 0}}function Ne(t){return t.subscriptions.map(s=>({id:s.id,topic:s.topic,filter:s.filter?M(s.filter):void 0,reaction_type:s.reaction_type,workflow_type:s.workflow_type||void 0,pipeline_id:s.pipeline_id||void 0,mcp_prompt:s.mcp_prompt||void 0,input_mapping:M(s.input_mapping)??{},execute_as:s.execute_as||void 0,enabled:s.enabled}))}function M(t){if(t.trim())try{return JSON.parse(t)}catch{return}}const k="section-header mt-[3em] first:mt-0",b="label",f="hint",v="input",V="input-json w-full";function ke({form:t,set:s}){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Give your agent a name and describe what it does. The name appears everywhere — in events, logs, and the dashboard."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:identity"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Identity",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Name *"}),e.jsx("input",{type:"text",value:t.name,onChange:o=>s("name",o.target.value),placeholder:"health-monitor",className:v}),e.jsx("p",{className:f,children:"Lowercase, kebab-case. This appears everywhere."})]}),e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Description"}),e.jsx("input",{type:"text",value:t.description,onChange:o=>s("description",o.target.value),placeholder:"Watches for workflow failures and captures diagnostics",className:v}),e.jsx("p",{className:f,children:"One sentence that explains what this agent does."})]})]})}function _e({form:t,set:s}){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Goals define what drives the agent. Rules define what constrains it. Together they give automation judgment."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:motivation"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Motivation",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Goals"}),e.jsx("textarea",{value:t.goals,onChange:o=>s("goals",o.target.value),placeholder:"Detect failures early, capture diagnostics, alert before cascading",rows:4,className:`${v} resize-none`}),e.jsx("p",{className:f,children:"Primary motivation. What the agent is trying to achieve."})]}),e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Rules"}),e.jsx("textarea",{value:t.rules,onChange:o=>s("rules",o.target.value),placeholder:"Never auto-restart failed workflows. Always escalate to humans.",rows:4,className:`${v} resize-none`}),e.jsx("p",{className:f,children:"Guardrails. What it must never do, even when goals suggest it should."})]})]})]})}function Ce({form:t,set:s}){const{data:o}=xe(),l=(o==null?void 0:o.domains)??[];return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Assign a knowledge domain — the agent's memory. It stores context here over time."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:knowledge"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Knowledge",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Knowledge Domain"}),e.jsx("input",{type:"text",value:t.knowledge_domain,onChange:d=>s("knowledge_domain",d.target.value),placeholder:"e.g., system-health, content-review, vendor-data",className:v,list:"domain-suggestions"}),e.jsx("datalist",{id:"domain-suggestions",children:l.map(d=>e.jsx("option",{value:d.domain},d.domain))}),e.jsx("p",{className:f,children:"Choose an existing domain to share memory, or type a new name to create one."})]}),l.length>0&&e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Existing Domains"}),e.jsx("div",{className:"space-y-0.5 mt-2",children:l.map(d=>e.jsxs("button",{type:"button",onClick:()=>s("knowledge_domain",d.domain),className:`w-full flex items-center gap-3 px-3 py-2 rounded-md text-left transition-colors ${t.knowledge_domain===d.domain?"border-l-2 border-l-accent bg-accent/5":"hover:bg-surface-hover border-l-2 border-l-transparent"}`,children:[e.jsx(L,{className:"w-3.5 h-3.5 text-text-quaternary shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-sm text-text-primary flex-1",children:d.domain}),e.jsxs("span",{className:"text-[10px] text-text-quaternary",children:[d.count," entries"]}),e.jsx("span",{className:"text-[9px] text-text-quaternary",children:e.jsx(pe,{date:d.latest})})]},d.domain))})]})]})}const Se={task:"bg-blue-400/15 text-blue-400",workflow:"bg-accent/15 text-accent",escalation:"bg-amber-400/15 text-amber-400",activity:"bg-cyan-400/15 text-cyan-400",knowledge:"bg-violet-400/15 text-violet-400",agent:"bg-emerald-400/15 text-emerald-400",app:"bg-rose-400/15 text-rose-400",milestone:"bg-violet-400/15 text-violet-400"};function Ae({form:t,set:s}){const{data:o}=Q(),{data:l}=he({limit:200}),d=(l==null?void 0:l.topics)??[],h=(o??[]).filter(a=>a.invocable).map(a=>a.workflow_type),[i,j]=g.useState(0),x=(a,m,S)=>{const W=[...t.subscriptions];W[a]={...W[a],[m]:S},s("subscriptions",W)},w=()=>{s("subscriptions",[...t.subscriptions,{...fe}]),j(t.subscriptions.length)},_=a=>{s("subscriptions",t.subscriptions.filter((m,S)=>S!==a)),i>=t.subscriptions.length-1&&j(Math.max(0,t.subscriptions.length-2))},r=t.subscriptions,c=r[i],n=a=>!!a.topic&&(a.reaction_type==="durable"?!!a.workflow_type:a.reaction_type==="pipeline"?!!a.pipeline_id:!!a.mcp_prompt),p=c?d.find(a=>a.topic===c.topic):void 0;return r.length===0?e.jsxs("div",{className:"max-w-xl",children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-8",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. When a matching event is published, the agent runs the configured workflow with the event payload."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:subscriptions"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Subscriptions",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-center",children:[e.jsx(z,{className:"w-8 h-8 text-text-quaternary/40 mb-3",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary mb-2",children:"No event subscriptions yet"}),e.jsx("p",{className:"text-[11px] text-text-quaternary max-w-sm mb-6",children:"Each subscription listens for a topic pattern and runs a workflow when it matches."}),e.jsxs("button",{onClick:w,className:"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors",children:[e.jsx($,{className:"w-3.5 h-3.5"})," Add first subscription"]})]})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 flex items-start justify-between mb-6",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. When a matching event is published, the agent runs the configured workflow with the event payload."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:subscriptions"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Subscriptions",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex gap-8",children:[e.jsxs("div",{className:"w-52 shrink-0 space-y-0.5",children:[r.map((a,m)=>e.jsxs("div",{className:`group/sub flex items-center rounded-md transition-colors ${i===m?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsxs("button",{onClick:()=>j(m),className:"flex-1 text-left px-3 py-2 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${n(a)?"bg-emerald-400":"bg-zinc-500"}`}),e.jsx("span",{className:"text-[11px] font-mono truncate",children:a.topic||"new subscription"})]}),e.jsxs("span",{className:"text-[9px] text-text-quaternary ml-3",children:["→ ",a.workflow_type||a.reaction_type]})]}),e.jsx("button",{onClick:S=>{S.stopPropagation(),confirm(`Remove subscription "${a.topic||"new"}"?
-
-This takes effect when you save.`)&&_(m)},className:"opacity-0 group-hover/sub:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all",title:"Remove",children:e.jsx(B,{className:"w-3 h-3"})})]},m)),e.jsxs("button",{onClick:w,className:"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors",children:[e.jsx($,{className:"w-3 h-3"})," Add"]})]}),c&&e.jsxs("div",{className:"flex-1 min-w-0 space-y-12",children:[e.jsxs("div",{children:[e.jsx("label",{className:k,children:"When this event fires"}),e.jsx(Pe,{value:c.topic,onChange:a=>x(i,"topic",a),topics:d}),(p==null?void 0:p.payload_schema)&&e.jsxs("div",{className:"mt-3 p-3 rounded-md bg-surface-sunken border border-surface-border",children:[e.jsx("p",{className:"text-[10px] text-text-quaternary mb-1 uppercase tracking-wider font-medium",children:"Payload Schema"}),e.jsx("pre",{className:"text-[11px] font-mono text-text-secondary whitespace-pre-wrap overflow-x-auto max-h-40",children:JSON.stringify(p.payload_schema.properties??p.payload_schema,null,2)}),p.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-2 italic",children:p.description})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("label",{className:k,children:"Run this workflow"}),e.jsx("div",{className:"flex gap-3",children:["durable","pipeline","mcp_query"].map(a=>e.jsxs("label",{className:"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer",children:[e.jsx("input",{type:"radio",name:"reaction",checked:c.reaction_type===a,onChange:()=>x(i,"reaction_type",a),className:"accent-accent w-3 h-3"}),a==="durable"?"Workflow":a==="pipeline"?"Pipeline":"MCP Query"]},a))}),c.reaction_type==="durable"&&e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Workflow *"}),e.jsxs("select",{value:c.workflow_type,onChange:a=>x(i,"workflow_type",a.target.value),className:v,children:[e.jsx("option",{value:"",children:"Select..."}),h.map(a=>e.jsx("option",{value:a,children:a},a))]})]}),c.reaction_type==="pipeline"&&e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Pipeline ID *"}),e.jsx("input",{type:"text",value:c.pipeline_id,onChange:a=>x(i,"pipeline_id",a.target.value),placeholder:"UUID",className:`${v} font-mono text-xs`})]}),c.reaction_type==="mcp_query"&&e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Prompt *"}),e.jsx("textarea",{value:c.mcp_prompt,onChange:a=>x(i,"mcp_prompt",a.target.value),placeholder:"Analyze the error...",rows:2,className:`${v} resize-none`})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:k,children:"As identity"}),e.jsx(H,{selected:c.execute_as,onChange:a=>x(i,"execute_as",a)}),e.jsx("p",{className:f,children:"Identity used when invoking the workflow."})]}),e.jsxs("div",{children:[e.jsx("label",{className:k,children:"But only if"}),e.jsx("input",{type:"text",value:c.filter,onChange:a=>x(i,"filter",a.target.value),placeholder:"No filter (all matching events)",className:`${v} font-mono text-xs`}),e.jsxs("p",{className:f,children:["JSON filter against event.data, e.g. ",'{"status": 422}']})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:k,children:"With this data"}),e.jsx("textarea",{value:c.input_mapping,onChange:a=>x(i,"input_mapping",a.target.value),rows:10,className:V,placeholder:`{
-  "data": {
-    "orderId": "{event.data.orderId}",
-    "error": "{event.data.error}"
-  }
-}`}),e.jsxs("p",{className:f,children:["Maps event fields to workflow input. ","{event.data.fieldName}"," resolves at runtime."]})]})]})]})]})}function Pe({value:t,onChange:s,topics:o}){const[l,d]=g.useState(!1),[h,i]=g.useState(""),j=g.useRef(null),x=g.useRef(null);g.useEffect(()=>{function r(c){x.current&&!x.current.contains(c.target)&&d(!1)}return l&&document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[l]);const w=l?h:t,_=o.filter(r=>r.topic.toLowerCase().includes((l?h:"").toLowerCase())||(r.description??"").toLowerCase().includes((l?h:"").toLowerCase()));return e.jsxs("div",{ref:x,className:"relative",children:[e.jsx("input",{ref:j,type:"text",value:w,onFocus:()=>{d(!0),i(t)},onChange:r=>{const c=r.target.value;i(c),s(c),l||d(!0)},placeholder:"workflow.failed or app.>",className:`${v} font-mono`}),l&&_.length>0&&e.jsx("div",{className:"absolute z-50 left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg",children:_.map(r=>{const c=Se[r.category]??"bg-zinc-400/15 text-zinc-400";return e.jsxs("button",{type:"button",onClick:()=>{s(r.topic),i(r.topic),d(!1)},className:`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 ${t===r.topic?"bg-accent/5":""}`,children:[e.jsx("span",{className:"text-[11px] font-mono text-text-primary shrink-0",children:r.topic}),e.jsx("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[9px] font-medium shrink-0 ${c}`,children:r.category}),r.description&&e.jsx("span",{className:"text-[10px] text-text-quaternary truncate",children:r.description})]},r.topic)})})]})}const We=["*/5 * * * *","*/15 * * * *","0 * * * *","0 */4 * * *","0 7 * * *","0 9 * * 1-5"];function D(t){return{"* * * * *":"Every minute","*/5 * * * *":"Every 5 min","*/15 * * * *":"Every 15 min","0 * * * *":"Hourly","0 */4 * * *":"Every 4 hours","0 7 * * *":"Daily 7 AM UTC","0 9 * * 1-5":"Weekdays 9 AM UTC","0 0 * * 1":"Weekly Monday"}[t]||t}function qe({form:t,set:s}){const{data:o}=Q(),l=(o??[]).filter(n=>n.invocable).map(n=>n.workflow_type),{data:d}=me({status:"active"}),h=((d==null?void 0:d.workflows)??[]).map(n=>({id:n.id,name:n.graph_topic||n.id})),[i,j]=g.useState(0),x=(n,p,a)=>{const m=[...t.schedules];m[n]={...m[n],[p]:a},s("schedules",m)},w=()=>{s("schedules",[...t.schedules,{...ye}]),j(t.schedules.length)},_=n=>{s("schedules",t.schedules.filter((p,a)=>a!==n)),i>=t.schedules.length-1&&j(Math.max(0,t.schedules.length-2))},r=t.schedules,c=r[i];return r.length===0?e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 mb-8 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Optional. Each schedule runs a workflow on a cron timer."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:schedule"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Schedule",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-center",children:[e.jsx(U,{className:"w-8 h-8 text-text-quaternary/40 mb-3",strokeWidth:1}),e.jsx("p",{className:"text-sm text-text-tertiary mb-2",children:"No schedules"}),e.jsx("p",{className:"text-[11px] text-text-quaternary max-w-sm mb-6",children:"Add a schedule to run a workflow on a recurring cron timer."}),e.jsxs("button",{onClick:w,className:"flex items-center gap-2 text-xs text-accent hover:text-accent-hover transition-colors",children:[e.jsx($,{className:"w-3.5 h-3.5"})," Add schedule"]})]})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"border-l-2 border-accent/30 pl-3 py-1 mb-6 flex items-start justify-between",children:[e.jsx("p",{className:"text-[12px] text-text-secondary italic leading-relaxed",children:"Each schedule runs a workflow on a timer. An agent can have multiple schedules targeting different workflows."}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:agents.md:schedule"},className:"text-text-quaternary hover:text-accent transition-colors shrink-0 ml-3",title:"Docs: Schedule",children:e.jsx(P,{className:"w-3 h-3",strokeWidth:1.5})})]}),e.jsxs("div",{className:"flex gap-8",children:[e.jsxs("div",{className:"w-48 shrink-0 space-y-0.5",children:[r.map((n,p)=>e.jsxs("div",{className:`group/sched flex items-center rounded-md transition-colors ${i===p?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsxs("button",{onClick:()=>j(p),className:"flex-1 text-left px-3 py-2 min-w-0",children:[e.jsx("span",{className:"text-[11px] font-mono block",children:n.cron||"new schedule"}),e.jsxs("span",{className:"text-[9px] text-text-quaternary",children:[(n.reaction_type==="pipeline"?n.pipeline_id:n.workflow_type)||"no target"," · ",D(n.cron)]})]}),e.jsx("button",{onClick:a=>{a.stopPropagation(),confirm(`Remove schedule "${n.cron||"new"}"?
-
-This takes effect when you save.`)&&_(p)},className:"opacity-0 group-hover/sched:opacity-100 px-2 text-text-quaternary hover:text-red-400 transition-all",title:"Remove",children:e.jsx(B,{className:"w-3 h-3"})})]},p)),e.jsxs("button",{onClick:w,className:"w-full flex items-center gap-1.5 px-3 py-2 text-[11px] text-accent hover:text-accent-hover transition-colors",children:[e.jsx($,{className:"w-3 h-3"})," Add"]})]}),c&&e.jsxs("div",{className:"flex-1 min-w-0 space-y-12",children:[e.jsxs("div",{children:[e.jsx("label",{className:k,children:"Run every"}),e.jsx("input",{type:"text",value:c.cron,onChange:n=>x(i,"cron",n.target.value),placeholder:"0 * * * *",className:`${v} font-mono`}),c.cron&&e.jsx("p",{className:"text-[11px] text-accent/80 mt-1",children:D(c.cron)}),e.jsx("div",{className:"flex gap-3 mt-2 overflow-x-auto",children:We.map(n=>e.jsx("button",{type:"button",onClick:()=>x(i,"cron",n),className:`text-[10px] font-mono whitespace-nowrap transition-colors ${c.cron===n?"text-accent font-medium":"text-accent/50 hover:text-accent"}`,children:D(n)},n))})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("label",{className:k,children:"Run this workflow"}),e.jsx("div",{className:"flex gap-3",children:["durable","pipeline"].map(n=>e.jsxs("label",{className:"flex items-center gap-1 text-[11px] text-text-secondary cursor-pointer",children:[e.jsx("input",{type:"radio",name:`sched-reaction-${i}`,checked:c.reaction_type===n,onChange:()=>x(i,"reaction_type",n),className:"accent-accent w-3 h-3"}),n==="durable"?"Workflow":"Pipeline"]},n))}),c.reaction_type==="pipeline"?e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Pipeline *"}),e.jsxs("select",{value:c.pipeline_id,onChange:n=>x(i,"pipeline_id",n.target.value),className:v,children:[e.jsx("option",{value:"",children:"Select..."}),h.map(n=>e.jsx("option",{value:n.id,children:n.name},n.id))]}),e.jsx("p",{className:f,children:"YAML pipeline invoked on each cron tick."})]}):e.jsxs("div",{children:[e.jsx("label",{className:b,children:"Workflow *"}),e.jsxs("select",{value:c.workflow_type,onChange:n=>x(i,"workflow_type",n.target.value),className:v,children:[e.jsx("option",{value:"",children:"Select..."}),l.map(n=>e.jsx("option",{value:n,children:n},n))]}),e.jsx("p",{className:f,children:"Invoked on each cron tick."})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:k,children:"As identity"}),e.jsx(H,{selected:c.execute_as,onChange:n=>x(i,"execute_as",n)}),e.jsx("p",{className:f,children:"Identity used when invoking."})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:k,children:"With this data"}),e.jsx("textarea",{value:c.envelope,onChange:n=>x(i,"envelope",n.target.value),rows:10,className:V,placeholder:`{
-  "data": { "source": "cron" }
-}`}),e.jsx("p",{className:f,children:"Static payload passed to the workflow on each invocation."})]})]})]})]})}function R({icon:t,color:s,title:o,children:l}){return e.jsxs("div",{className:"mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2 pb-1.5 border-b border-surface-border/40",children:[e.jsx(t,{className:`w-3.5 h-3.5 ${s}`,strokeWidth:1.5}),e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-widest text-accent/80",children:o})]}),e.jsx("div",{className:"pl-5.5",children:l})]})}function E({label:t,children:s}){return e.jsxs("div",{className:"flex gap-3 py-0.5",children:[e.jsx("span",{className:"text-[10px] text-text-quaternary w-20 shrink-0",children:t}),e.jsx("span",{className:"text-xs text-text-primary",children:s})]})}function Re({form:t}){return e.jsxs("div",{children:[e.jsxs(R,{icon:G,color:"text-accent",title:"Identity",children:[e.jsx(E,{label:"Name",children:t.name||"—"}),t.description&&e.jsx(E,{label:"Description",children:t.description})]}),(t.goals||t.rules)&&e.jsxs(R,{icon:K,color:"text-rose-400",title:"Motivation",children:[t.goals&&e.jsx(E,{label:"Goals",children:t.goals}),t.rules&&e.jsx(E,{label:"Rules",children:t.rules})]}),e.jsx(R,{icon:L,color:"text-emerald-400",title:"Knowledge",children:e.jsx(E,{label:"Domain",children:t.knowledge_domain||"None"})}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-10",children:[e.jsx(R,{icon:z,color:"text-cyan-400",title:`Subscriptions (${t.subscriptions.length})`,children:t.subscriptions.length===0?e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"None configured"}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:t.subscriptions.map((s,o)=>e.jsxs("div",{className:"flex items-center py-1.5",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(ue,{topic:s.topic||"unset"})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),s.workflow_type?e.jsx(F,{type:s.workflow_type}):e.jsx("span",{className:"text-[11px] text-text-quaternary",children:s.reaction_type})]})]},o))})}),e.jsx(R,{icon:U,color:"text-amber-400",title:`Schedules (${t.schedules.length})`,children:t.schedules.length===0?e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"None configured"}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:t.schedules.map((s,o)=>e.jsxs("div",{className:"flex items-center py-1.5",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx(ne,{cron:s.cron})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx("span",{className:"text-text-quaternary text-[10px]",children:"→"}),s.workflow_type?e.jsx(F,{type:s.workflow_type}):e.jsx("span",{className:"text-[11px] text-text-quaternary",children:"no workflow"})]})]},o))})})]}),e.jsx("div",{className:"border-l-2 border-emerald-400/30 pl-3 py-2 mt-6",children:e.jsx("p",{className:"text-[11px] text-text-tertiary leading-relaxed",children:"After saving, subscriptions and schedules activate immediately. You can pause the agent anytime."})})]})}const Ee=[{id:1,label:"Identity",icon:G},{id:2,label:"Motivation",icon:K},{id:3,label:"Knowledge",icon:L},{id:4,label:"Subscriptions",icon:z},{id:5,label:"Schedules",icon:U},{id:6,label:"Review",icon:de}];function Qe(){const{id:t}=ve(),s=!t,o=je(),{data:l,isLoading:d}=te(s?null:t),{data:h}=ie(s?null:t),i=se(),j=ae(),x=le(),w=ce(),_=re(),[r,c]=g.useState(J),[n,p]=g.useState(!1),[a,m]=g.useState(""),[S,W]=ge(),A=parseInt(S.get("step")||"1",10),X=g.useCallback(u=>{W(y=>{const C=new URLSearchParams(y);return C.set("step",String(u)),C},{replace:!0})},[W]);g.useEffect(()=>{if(!n){if(s){c(J),p(!0);return}l&&h&&(c(be(l,h.subscriptions??[])),p(!0))}},[l,h,s,n]);const q=(u,y)=>c(C=>({...C,[u]:y})),Z=async()=>{m("");try{const u=we(r);let y=t;s?y=(await i.mutateAsync(u)).id:await j.mutateAsync({id:t,...u});const C=Ne(r),ee=(h==null?void 0:h.subscriptions)??[],I=new Set(ee.map(N=>N.id));for(const N of C)if(N.id&&I.has(N.id)){const{id:T,...O}=N;await w.mutateAsync({agentId:y,subId:T,...O}),I.delete(T)}else{const{id:T,...O}=N;await x.mutateAsync({agentId:y,...O})}for(const N of I)await _.mutateAsync({agentId:y,subId:N});o(`/agents/${y}`)}catch(u){m(u.message)}};if(!s&&d)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-60 bg-surface-sunken rounded"})]});const Y=i.isPending||j.isPending;return e.jsxs("div",{children:[e.jsx(oe,{title:s?"New Agent":`Agent: ${(l==null?void 0:l.id)??""}`,docsHash:"#docs:agents.md"}),e.jsxs("div",{className:"flex gap-10",children:[e.jsxs("nav",{className:"w-44 shrink-0 sticky top-0 self-start pt-2",children:[e.jsx("div",{className:"space-y-0.5",children:Ee.map(u=>{const y=u.icon,C=A===u.id;return e.jsxs("button",{onClick:()=>X(u.id),className:`w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-left transition-colors ${C?"bg-accent/10 text-accent":"text-text-tertiary hover:text-text-primary hover:bg-surface-hover"}`,children:[e.jsx(y,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:1.5}),e.jsx("span",{className:"text-xs font-medium",children:u.label})]},u.id)})}),e.jsxs("div",{className:"mt-8 pt-4 border-t border-surface-border space-y-2",children:[e.jsx("button",{onClick:Z,disabled:!r.name.trim()||Y,className:"w-full btn-primary text-xs disabled:opacity-50",children:Y?"Saving...":s?"Create Agent":"Save"}),e.jsx("button",{onClick:()=>o(s?"/agents":`/agents/${t}`),className:"w-full btn-ghost text-xs",children:"Cancel"})]}),a&&e.jsx("p",{className:"text-xs text-status-error mt-3",children:a})]}),e.jsxs("div",{className:"flex-1 min-w-0 pt-2",children:[A===1&&e.jsx(ke,{form:r,set:q}),A===2&&e.jsx(_e,{form:r,set:q}),A===3&&e.jsx(Ce,{form:r,set:q}),A===4&&e.jsx(Ae,{form:r,set:q}),A===5&&e.jsx(qe,{form:r,set:q}),A===6&&e.jsx(Re,{form:r})]})]})]})}export{Qe as AgentConfigPage};
-//# sourceMappingURL=AgentConfigPage-DG1zOIiz.js.map