@hotmeshio/long-tail 0.19.0 → 0.19.1

package/dashboard/dist/assets/{ProcessDetailPage-BVXieFX1.js.map → ProcessDetailPage-BLGjZXpM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProcessDetailPage-BVXieFX1.js","sources":["../../src/pages/processes/process-swimlane/helpers.ts","../../src/pages/processes/process-swimlane/useTimelineAnimation.ts","../../src/pages/processes/process-swimlane/SwimlaneIcons.tsx","../../src/pages/processes/process-swimlane/SwimlaneHeader.tsx","../../src/pages/processes/process-swimlane/TimeAxis.tsx","../../src/pages/processes/process-swimlane/MetricCell.tsx","../../src/pages/processes/process-swimlane/TraceLink.tsx","../../src/pages/processes/process-swimlane/TaskDetailPanel.tsx","../../src/pages/processes/process-swimlane/EscalationDetailPanel.tsx","../../src/pages/processes/process-swimlane/SwimlaneRow.tsx","../../src/pages/processes/process-swimlane/ProcessSwimlaneTimeline.tsx","../../src/pages/processes/ProcessDetailPage.tsx"],"sourcesContent":["import type { LTTaskRecord, LTEscalationRecord, LTTaskStatus, LTEscalationStatus } from '../../../api/types';\n\nexport interface ProcessLane {\n  kind: 'task' | 'escalation';\n  id: string;\n  label: string;\n  taskId: string;\n  startMs: number;\n  endMs: number;\n  startPct: number;\n  widthPct: number;\n  durationMs: number;\n  isOpen: boolean;\n  // task fields\n  task?: LTTaskRecord;\n  // escalation fields\n  escalation?: LTEscalationRecord;\n  claimPct?: number | null; // percent position of claim within the bar\n}\n\nexport interface ProcessSwimlaneTimelineProps {\n  tasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  traceUrl?: string | null;\n}\n\nexport const PENDING_CLASS = 'bg-stripes animate-pulse opacity-70';\n\nexport function taskStatusColor(status: LTTaskStatus): string {\n  switch (status) {\n    case 'completed': return 'text-status-success';\n    case 'in_progress': case 'pending': return 'text-status-warning';\n    case 'needs_intervention': return 'text-status-error';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function escStatusColor(status: LTEscalationStatus): string {\n  switch (status) {\n    case 'resolved': return 'text-status-success';\n    case 'pending': return 'text-status-warning';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function statusLabel(kind: 'task' | 'escalation', status: string, isAck?: boolean): string {\n  const noun = kind === 'task' ? 'Task' : isAck ? 'Notification' : 'Escalation';\n  return `${noun} is ${status.replace(/_/g, ' ')}`;\n}\n\nexport function barColorForStatus(status: string, isOpen: boolean): string {\n  if (isOpen) return PENDING_CLASS;\n  switch (status) {\n    case 'completed':\n    case 'resolved':\n      return 'bg-status-success';\n    case 'pending':\n    case 'in_progress':\n    case 'needs_intervention':\n      return 'bg-status-warning';\n    case 'cancelled':\n      return 'bg-status-error';\n    default:\n      return 'bg-text-tertiary';\n  }\n}\n\nexport function isMcpWorkflow(workflowType: string): boolean {\n  return workflowType.startsWith('mcp') || workflowType.startsWith('Mcp');\n}\n\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function middleTruncate(str: string, maxLen: number): string {\n  if (str.length <= maxLen) return str;\n  const keep = Math.floor((maxLen - 1) / 2);\n  return `${str.slice(0, keep)}…${str.slice(str.length - keep)}`;\n}\n\nexport function formatAbsoluteTime(iso: string): string {\n  const d = new Date(iso);\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n}\n\n// ── Build lanes from raw task + escalation records ──────────────────────────\n\nexport function buildLanes(\n  tasks: LTTaskRecord[],\n  escalations: LTEscalationRecord[],\n): { lanes: ProcessLane[]; timeMin: number; timeMax: number } {\n  const now = Date.now();\n\n  // Group escalations by task_id\n  const escByTask = new Map<string, LTEscalationRecord[]>();\n  const unlinked: LTEscalationRecord[] = [];\n  for (const e of escalations) {\n    if (e.task_id) {\n      if (!escByTask.has(e.task_id)) escByTask.set(e.task_id, []);\n      escByTask.get(e.task_id)!.push(e);\n    } else {\n      unlinked.push(e);\n    }\n  }\n\n  // Sort tasks by created_at\n  const sorted = [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  );\n\n  // Collect all timestamps for axis bounds\n  const allTimes: number[] = [];\n  for (const t of tasks) {\n    allTimes.push(new Date(t.created_at).getTime());\n    if (t.completed_at) allTimes.push(new Date(t.completed_at).getTime());\n  }\n  for (const e of escalations) {\n    allTimes.push(new Date(e.created_at).getTime());\n    if (e.resolved_at) allTimes.push(new Date(e.resolved_at).getTime());\n    if (e.claimed_at) allTimes.push(new Date(e.claimed_at).getTime());\n  }\n  if (allTimes.length === 0) return { lanes: [], timeMin: 0, timeMax: 1 };\n\n  const timeMin = Math.min(...allTimes);\n  const hasOpen =\n    tasks.some((t) => !t.completed_at) || escalations.some((e) => !e.resolved_at);\n  const timeMax = hasOpen ? Math.max(now, Math.max(...allTimes)) : Math.max(...allTimes);\n  const span = timeMax - timeMin || 1;\n\n  const toPct = (ms: number) => ((ms - timeMin) / span) * 100;\n\n  const lanes: ProcessLane[] = [];\n\n  for (const task of sorted) {\n    const tStart = new Date(task.created_at).getTime();\n    const tEnd = task.completed_at ? new Date(task.completed_at).getTime() : now;\n    const tOpen = !task.completed_at;\n\n    lanes.push({\n      kind: 'task',\n      id: task.id,\n      label: task.workflow_type,\n      taskId: task.id,\n      startMs: tStart,\n      endMs: tEnd,\n      startPct: toPct(tStart),\n      widthPct: Math.max(((tEnd - tStart) / span) * 100, 0.5),\n      durationMs: tEnd - tStart,\n      isOpen: tOpen,\n      task,\n    });\n\n    const taskEscs = (escByTask.get(task.id) || []).sort(\n      (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n    );\n    for (const esc of taskEscs) {\n      const eStart = new Date(esc.created_at).getTime();\n      const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n      const eOpen = !esc.resolved_at;\n\n      let claimPct: number | null = null;\n      if (esc.claimed_at) {\n        const claimMs = new Date(esc.claimed_at).getTime();\n        const escSpan = eEnd - eStart || 1;\n        claimPct = ((claimMs - eStart) / escSpan) * 100;\n      }\n\n      lanes.push({\n        kind: 'escalation',\n        id: esc.id,\n        label: esc.role,\n        taskId: task.id,\n        startMs: eStart,\n        endMs: eEnd,\n        startPct: toPct(eStart),\n        widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n        durationMs: eEnd - eStart,\n        isOpen: eOpen,\n        escalation: esc,\n        claimPct,\n      });\n    }\n  }\n\n  // Unlinked escalations at the bottom\n  for (const esc of unlinked) {\n    const eStart = new Date(esc.created_at).getTime();\n    const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n    let claimPct: number | null = null;\n    if (esc.claimed_at) {\n      const claimMs = new Date(esc.claimed_at).getTime();\n      const escSpan = eEnd - eStart || 1;\n      claimPct = ((claimMs - eStart) / escSpan) * 100;\n    }\n    lanes.push({\n      kind: 'escalation',\n      id: esc.id,\n      label: esc.role,\n      taskId: '',\n      startMs: eStart,\n      endMs: eEnd,\n      startPct: toPct(eStart),\n      widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n      durationMs: eEnd - eStart,\n      isOpen: !esc.resolved_at,\n      escalation: esc,\n      claimPct,\n    });\n  }\n\n  return { lanes, timeMin, timeMax };\n}\n","import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { ProcessLane } from './helpers';\n\nexport interface BarAnim {\n  width: number;\n  opacity: number;\n}\n\nexport function useTimelineAnimation(\n  laneCount: number,\n  timeMin: number,\n  timeMax: number,\n  durationMs = 500,\n) {\n  const [progress, setProgress] = useState(0); // 0 → 1\n  const startRef = useRef<number | null>(null);\n  const totalSpanMs = timeMax - timeMin || 1;\n\n  useEffect(() => {\n    if (laneCount === 0) return;\n    startRef.current = null;\n    setProgress(0);\n\n    let raf: number;\n    const step = (ts: number) => {\n      if (startRef.current === null) startRef.current = ts;\n      const elapsed = ts - startRef.current;\n      const t = Math.min(elapsed / durationMs, 1);\n      // ease-out cubic for a smooth deceleration\n      const eased = 1 - Math.pow(1 - t, 3);\n      setProgress(eased);\n      if (t < 1) raf = requestAnimationFrame(step);\n    };\n    raf = requestAnimationFrame(step);\n    return () => cancelAnimationFrame(raf);\n  }, [laneCount, durationMs]);\n\n  const animatedBar = useCallback(\n    (lane: ProcessLane): BarAnim => {\n      const appearAt = (lane.startMs - timeMin) / totalSpanMs;\n      const doneAt = (lane.endMs - timeMin) / totalSpanMs;\n\n      if (progress < appearAt) {\n        return { width: 0, opacity: 0 };\n      }\n\n      const laneSpan = doneAt - appearAt || 0.001;\n      const fill = Math.min((progress - appearAt) / laneSpan, 1);\n      const animatedWidth = lane.widthPct * fill;\n      const fadeIn = Math.min(fill / 0.1, 1);\n\n      return { width: animatedWidth, opacity: fadeIn };\n    },\n    [progress, timeMin, totalSpanMs],\n  );\n\n  return { progress, animatedBar };\n}\n","export function ClipboardIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** Sparkle/AI icon for mcp* system workflows */\nexport function SparkleIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" />\n    </svg>\n  );\n}\n\n/** Bell icon for notification/ACK escalations */\nexport function BellIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0\" />\n    </svg>\n  );\n}\n\nexport function UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\" />\n    </svg>\n  );\n}\n","import { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\n\ninterface SwimlaneHeaderProps {\n  allExpanded: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SwimlaneHeader({ allExpanded, onToggleAll }: SwimlaneHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-4 flex-wrap\">\n      <button onClick={onToggleAll} className=\"text-2xs text-accent hover:underline\">\n        {allExpanded ? 'Collapse all' : 'Expand all'}\n      </button>\n\n      {/* Legend */}\n      <div className=\"flex items-center gap-4 ml-auto\">\n        <div className=\"flex items-center gap-1\">\n          <ClipboardIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SparkleIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">AI Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <UserIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Escalation</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <BellIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Notification</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-success\" />\n          <span className=\"text-2xs text-text-tertiary\">Done</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning\" />\n          <span className=\"text-2xs text-text-tertiary\">Active</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export interface Tick {\n  pct: number;\n  label: string;\n}\n\ninterface TimeAxisProps {\n  ticks: Tick[];\n}\n\nexport function TimeAxis({ ticks }: TimeAxisProps) {\n  return (\n    <div className=\"flex\">\n      <div className=\"w-52 shrink-0\" />\n      <div className=\"flex-1 relative h-6 border-b border-surface-border\">\n        {ticks.map((tick) => (\n          <span\n            key={tick.pct}\n            className=\"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap\"\n            style={{ left: `${tick.pct}%` }}\n          >\n            {tick.label}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n}\n","/** Small labeled metric cell used inside detail panels */\nexport function MetricCell({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">\n        {label}\n      </p>\n      <div className=\"text-xs text-text-primary\">{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport function TraceLink({ traceId, href }: { traceId: string; href?: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(traceId);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNav = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (href) window.open(href, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <span className=\"group/trace inline-flex items-center gap-1.5\">\n      {href && (\n        <button\n          onClick={handleNav}\n          title=\"Open trace\"\n          className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n        >\n          <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15\" />\n          </svg>\n        </button>\n      )}\n      <button\n        onClick={handleCopy}\n        title=\"Copy trace ID\"\n        className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n      >\n        <svg\n          className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-accent'}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          {copied\n            ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n          }\n        </svg>\n      </button>\n      <span className=\"text-2xs text-accent\">Trace Details</span>\n    </span>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTTaskRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\nimport { TraceLink } from './TraceLink';\n\nexport function TaskDetailPanel({\n  task,\n  traceUrl,\n}: {\n  task: LTTaskRecord;\n  traceUrl?: string | null;\n}) {\n  const elapsed = task.completed_at\n    ? new Date(task.completed_at).getTime() - new Date(task.created_at).getTime()\n    : Date.now() - new Date(task.created_at).getTime();\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={task.status} />\n          <WorkflowPill type={task.workflow_type} />\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Started\">\n            <TimestampCell date={task.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Completed\">\n            {task.completed_at ? (\n              <TimestampCell date={task.completed_at} />\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">In progress</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Duration\">\n            <DurationValue ms={elapsed} className=\"font-mono text-sm\" />\n          </MetricCell>\n        </div>\n\n        {task.milestones.length > 0 && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Milestones\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {task.milestones.map((m, i) => (\n                <span\n                  key={i}\n                  className=\"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary\"\n                >\n                  {m.name}: {String(m.value)}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        <Link\n          to={`/workflows/executions/${encodeURIComponent(task.workflow_id)}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Execution Details\n        </Link>\n        <Link\n          to={`/workflows/tasks/detail/${task.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Task Details\n        </Link>\n        {task.trace_id && (\n          <TraceLink\n            traceId={task.trace_id}\n            href={traceUrl ? traceUrl.replace('{traceId}', task.trace_id) : undefined}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { UserName } from '../../../components/common/display/UserName';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTEscalationRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\n\nexport function EscalationDetailPanel({\n  escalation,\n}: {\n  escalation: LTEscalationRecord;\n}) {\n  const created = new Date(escalation.created_at).getTime();\n  const claimedMs = escalation.claimed_at\n    ? new Date(escalation.claimed_at).getTime() - created\n    : null;\n  const resolvedMs = escalation.resolved_at\n    ? new Date(escalation.resolved_at).getTime() - created\n    : null;\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={escalation.status} />\n          <RolePill role={escalation.role} />\n          {escalation.type && (\n            <span className=\"text-2xs text-text-tertiary\">\n              {escalation.type}\n              {escalation.subtype ? ` / ${escalation.subtype}` : ''}\n            </span>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Created\">\n            <TimestampCell date={escalation.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Claimed\">\n            {escalation.claimed_at ? (\n              <>\n                <TimestampCell date={escalation.claimed_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  after <DurationValue ms={claimedMs} />\n                  {escalation.assigned_to && (\n                    <>\n                      {' '}by{' '}\n                      <span className=\"text-text-secondary font-medium\">\n                        <UserName userId={escalation.assigned_to} />\n                      </span>\n                    </>\n                  )}\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Unclaimed</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Resolved\">\n            {escalation.resolved_at ? (\n              <>\n                <TimestampCell date={escalation.resolved_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  <DurationValue ms={resolvedMs} /> total\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Pending</span>\n            )}\n          </MetricCell>\n        </div>\n\n        {escalation.description && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n              Description\n            </p>\n            <p className=\"text-2xs text-text-secondary leading-relaxed\">\n              {escalation.description}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        {escalation.workflow_id && (\n          <Link\n            to={`/workflows/executions/${encodeURIComponent(escalation.workflow_id)}`}\n            className=\"block text-2xs text-accent hover:underline\"\n          >\n            Execution Details\n          </Link>\n        )}\n        <Link\n          to={`/escalations/detail/${escalation.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Escalation Details\n        </Link>\n      </div>\n    </div>\n  );\n}\n","import { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { formatDuration } from '../../../lib/format';\nimport {\n  taskStatusColor,\n  escStatusColor,\n  statusLabel,\n  barColorForStatus,\n  isMcpWorkflow,\n  isAckEscalation,\n  middleTruncate,\n} from './helpers';\nimport type { ProcessLane } from './helpers';\nimport type { BarAnim } from './useTimelineAnimation';\nimport type { Tick } from './TimeAxis';\nimport { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\nimport { TaskDetailPanel } from './TaskDetailPanel';\nimport { EscalationDetailPanel } from './EscalationDetailPanel';\n\ninterface SwimlaneRowProps {\n  lane: ProcessLane;\n  ticks: Tick[];\n  isExpanded: boolean;\n  onToggle: () => void;\n  anim: BarAnim;\n  animDone: boolean;\n  traceUrl?: string | null;\n}\n\nexport function SwimlaneRow({\n  lane,\n  ticks,\n  isExpanded,\n  onToggle,\n  anim,\n  animDone,\n  traceUrl,\n}: SwimlaneRowProps) {\n  const isTask = lane.kind === 'task';\n  const status = isTask ? lane.task!.status : lane.escalation!.status;\n  const barBase = barColorForStatus(status, lane.isOpen);\n  const visible = anim.opacity > 0;\n\n  return (\n    <div>\n      {/* Lane row */}\n      <div\n        className=\"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors\"\n        onClick={onToggle}\n      >\n        {/* Label column */}\n        <div\n          className={`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${\n            isTask ? '' : 'pl-6'\n          }`}\n          style={{ opacity: visible ? 1 : 0, transition: 'opacity 0.15s ease-out' }}\n        >\n          {isTask ? (\n            isMcpWorkflow(lane.task!.workflow_type) ? (\n              <SparkleIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            ) : (\n              <ClipboardIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            )\n          ) : isAckEscalation(lane.escalation!) ? (\n            <BellIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          ) : (\n            <UserIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          )}\n          <p\n            className=\"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden\"\n            title={statusLabel(lane.kind, isTask ? lane.task!.status : lane.escalation!.status, !isTask && isAckEscalation(lane.escalation!))}\n          >\n            {isTask\n              ? middleTruncate(lane.label, 24)\n              : middleTruncate(lane.escalation?.role ?? lane.label, 20)}\n          </p>\n        </div>\n\n        {/* Bar area */}\n        <div className=\"flex-1 relative h-10\">\n          {/* Tick gridlines */}\n          {ticks.map((tick) => (\n            <div\n              key={tick.pct}\n              className=\"absolute top-0 bottom-0 w-px bg-surface-border opacity-30\"\n              style={{ left: `${tick.pct}%` }}\n            />\n          ))}\n\n          {/* Duration bar (animated reveal + grow) */}\n          <div\n            className={`absolute top-2 h-6 rounded-sm ${\n              isExpanded\n                ? `${barBase} ring-2 ring-accent ring-offset-1`\n                : `${barBase} hover:opacity-80`\n            }`}\n            style={{\n              left: `${lane.startPct}%`,\n              width: visible ? `${Math.max(anim.width, 0.3)}%` : '0%',\n              minWidth: visible ? '4px' : '0px',\n              opacity: anim.opacity,\n            }}\n            title={`${lane.label} — ${formatDuration(lane.durationMs)} — ${new Date(lane.startMs).toLocaleTimeString()}`}\n          >\n            {/* Duration text inside bar (show only when fully revealed) */}\n            {anim.width > 8 && animDone && (\n              <span className=\"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate\">\n                {formatDuration(lane.durationMs)}\n              </span>\n            )}\n\n            {/* Claim marker (vertical dashed line) — show after animation */}\n            {lane.claimPct != null && animDone && (\n              <div\n                className=\"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70\"\n                style={{ left: `${lane.claimPct}%` }}\n                title={\n                  lane.escalation?.assigned_to\n                    ? `Claimed by ${lane.escalation.assigned_to}`\n                    : 'Claimed'\n                }\n              >\n                {/* Claim dot */}\n                <div className=\"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Expandable detail panel */}\n      <Collapsible open={isExpanded}>\n        <div className=\"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20\">\n          {isTask && lane.task ? (\n            <TaskDetailPanel task={lane.task} traceUrl={traceUrl} />\n          ) : lane.escalation ? (\n            <EscalationDetailPanel escalation={lane.escalation} />\n          ) : null}\n        </div>\n      </Collapsible>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { formatDuration } from '../../../lib/format';\nimport { buildLanes } from './helpers';\nimport type { ProcessSwimlaneTimelineProps } from './helpers';\nimport { useTimelineAnimation } from './useTimelineAnimation';\nimport { SwimlaneHeader } from './SwimlaneHeader';\nimport { TimeAxis } from './TimeAxis';\nimport { SwimlaneRow } from './SwimlaneRow';\n\nexport function ProcessSwimlaneTimeline({\n  tasks,\n  escalations,\n  traceUrl,\n}: ProcessSwimlaneTimelineProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  const { lanes, timeMin, timeMax } = useMemo(\n    () => buildLanes(tasks, escalations),\n    [tasks, escalations],\n  );\n\n  const totalSpanMs = timeMax - timeMin || 1;\n  const { progress, animatedBar } = useTimelineAnimation(lanes.length, timeMin, timeMax);\n\n  if (lanes.length === 0) {\n    return (\n      <p className=\"text-sm text-text-tertiary py-8 text-center\">\n        No events in this process.\n      </p>\n    );\n  }\n\n  // Time axis ticks\n  const tickCount = 5;\n  const ticks = Array.from({ length: tickCount + 1 }, (_, i) => ({\n    pct: (i / tickCount) * 100,\n    label: formatDuration(Math.round((i / tickCount) * totalSpanMs)),\n  }));\n\n  const toggle = (id: string) => {\n    setExpanded((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 allIds = lanes.map((l) => l.id);\n  const allExpanded = allIds.length > 0 && allIds.every((id) => expanded.has(id));\n  const toggleAll = () => {\n    if (allExpanded) setExpanded(new Set());\n    else setExpanded(new Set(allIds));\n  };\n\n  const animDone = progress >= 1;\n\n  return (\n    <div className=\"py-2\">\n      <SwimlaneHeader allExpanded={allExpanded} onToggleAll={toggleAll} />\n      <TimeAxis ticks={ticks} />\n\n      {lanes.map((lane) => (\n        <SwimlaneRow\n          key={`${lane.kind}-${lane.id}`}\n          lane={lane}\n          ticks={ticks}\n          isExpanded={expanded.has(lane.id)}\n          onToggle={() => toggle(lane.id)}\n          anim={animatedBar(lane)}\n          animDone={animDone}\n          traceUrl={traceUrl}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useProcessDetail } from '../../api/tasks';\nimport { useProcessDetailEvents } from '../../hooks/useEventHooks';\nimport { useSettings } from '../../api/settings';\nimport { PageHeaderWithStats, type InlineStat } from '../../components/common/layout/PageHeaderWithStats';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { ProcessSwimlaneTimeline } from './process-swimlane/ProcessSwimlaneTimeline';\nimport { formatElapsed } from '../../lib/format';\nimport type { LTTaskRecord } from '../../api/types';\n\nfunction safeParseJson(raw: string | null | undefined): Record<string, unknown> | null {\n  if (!raw) return null;\n  try { return JSON.parse(raw); } catch { return null; }\n}\n\nfunction extractRootTask(tasks: LTTaskRecord[]): LTTaskRecord | null {\n  if (tasks.length === 0) return null;\n  return [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  )[0];\n}\n\nexport function ProcessDetailPage() {\n  const { originId } = useParams<{ originId: string }>();\n  useProcessDetailEvents(originId);\n  const { data, isLoading } = useProcessDetail(originId ?? '');\n  const { data: settings } = useSettings();\n  const traceUrl = settings?.telemetry?.traceUrl ?? null;\n\n  const tasks = data?.tasks ?? [];\n  const escalations = data?.escalations ?? [];\n\n  const rootTask = useMemo(() => extractRootTask(tasks), [tasks]);\n  const rootEnvelope = useMemo(() => safeParseJson(rootTask?.envelope), [rootTask]);\n  const rootResult = useMemo(() => {\n    if (rootTask?.data) return safeParseJson(rootTask.data);\n    const completed = tasks\n      .filter((t) => t.status === 'completed' && t.data)\n      .sort((a, b) => new Date(b.completed_at!).getTime() - new Date(a.completed_at!).getTime());\n    return completed.length > 0 ? safeParseJson(completed[0].data) : null;\n  }, [rootTask, tasks]);\n\n  const isRunning = useMemo(() => {\n    return tasks.length > 0 && tasks.some(\n      (t) => t.status !== 'completed' && t.status !== 'cancelled',\n    );\n  }, [tasks]);\n\n  const stats = useMemo(() => {\n    const completed = tasks.filter((t) => t.status === 'completed').length;\n    const escalated = tasks.filter((t) => t.status === 'needs_intervention').length;\n    const resolved = escalations.filter((e) => e.status === 'resolved').length;\n    return { tasks: tasks.length, completed, escalated, escalations: escalations.length, resolved };\n  }, [tasks, escalations]);\n\n  const duration = useMemo(() => {\n    if (tasks.length === 0 && escalations.length === 0) return null;\n    const allDates = [\n      ...tasks.map((t) => t.created_at),\n      ...escalations.map((e) => e.created_at),\n    ].sort();\n    const startIso = allDates[0];\n    const allCompleted = tasks.every((t) => t.status === 'completed' || t.status === 'cancelled');\n    const allResolved = escalations.every((e) => e.status === 'resolved');\n    const isFinished = tasks.length > 0 && allCompleted && allResolved;\n    const endIso = isFinished\n      ? [...tasks.map((t) => t.completed_at), ...escalations.map((e) => e.resolved_at)]\n          .filter(Boolean)\n          .sort()\n          .pop() ?? null\n      : null;\n    return { startIso, endIso, isFinished, elapsed: formatElapsed(startIso, endIso) };\n  }, [tasks, escalations]);\n\n  const inlineStats = useMemo<InlineStat[]>(() => {\n    const items: InlineStat[] = [];\n    if (duration) {\n      items.push({\n        label: duration.isFinished ? 'Completed' : 'Running',\n        value: duration.elapsed,\n        dotClass: duration.isFinished ? 'bg-status-success' : 'bg-status-pending animate-pulse',\n      });\n    }\n    items.push(\n      { label: 'Tasks', value: `${stats.completed}/${stats.tasks}` },\n      { label: 'Escalations', value: `${stats.resolved}/${stats.escalations}` },\n    );\n    return items;\n  }, [duration, stats]);\n\n  if (isLoading && tasks.length === 0) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const hasMessages = rootEnvelope || rootResult || isRunning;\n\n  return (\n    <div>\n      <PageHeaderWithStats\n        title=\"Process Detail\"\n        docsHash=\"#docs:dashboard.md:process-detail\"\n        subtitle={originId}\n        stats={inlineStats}\n      />\n\n      {hasMessages && (\n        <div className=\"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10\">\n          <div>\n            {rootEnvelope ? (\n              <JsonViewer data={rootEnvelope} label=\"Input\" defaultMode=\"json\" defaultCollapsed />\n            ) : (\n              <div>\n                <SectionLabel>Input</SectionLabel>\n                <div className=\"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2\">\n                  Waiting for task...\n                </div>\n              </div>\n            )}\n          </div>\n          <div>\n            {rootResult ? (\n              <JsonViewer data={rootResult} label=\"Output\" defaultMode=\"json\" defaultCollapsed />\n            ) : isRunning ? (\n              <div>\n                <SectionLabel>Output</SectionLabel>\n                <div className=\"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2\">\n                  <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending animate-pulse\" />\n                  Processing...\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )}\n\n      <SectionLabel className=\"mb-6\">Timeline</SectionLabel>\n\n      <ProcessSwimlaneTimeline\n        tasks={tasks}\n        escalations={escalations}\n        traceUrl={traceUrl}\n      />\n    </div>\n  );\n}\n"],"names":["PENDING_CLASS","taskStatusColor","status","escStatusColor","statusLabel","kind","isAck","barColorForStatus","isOpen","isMcpWorkflow","workflowType","isAckEscalation","esc","middleTruncate","str","maxLen","keep","buildLanes","tasks","escalations","now","escByTask","unlinked","e","sorted","a","b","allTimes","t","timeMin","timeMax","span","toPct","ms","lanes","task","tStart","tEnd","tOpen","taskEscs","eStart","eEnd","eOpen","claimPct","claimMs","escSpan","useTimelineAnimation","laneCount","durationMs","progress","setProgress","useState","startRef","useRef","totalSpanMs","useEffect","raf","step","ts","elapsed","eased","animatedBar","useCallback","lane","appearAt","doneAt","laneSpan","fill","animatedWidth","fadeIn","ClipboardIcon","className","jsx","SparkleIcon","BellIcon","UserIcon","SwimlaneHeader","allExpanded","onToggleAll","jsxs","TimeAxis","ticks","tick","MetricCell","label","children","TraceLink","traceId","href","copied","setCopied","handleCopy","handleNav","TaskDetailPanel","traceUrl","StatusBadge","WorkflowPill","TimestampCell","DurationValue","m","i","Link","EscalationDetailPanel","escalation","created","claimedMs","resolvedMs","RolePill","Fragment","UserName","SwimlaneRow","isExpanded","onToggle","anim","animDone","isTask","barBase","visible","_a","formatDuration","_b","Collapsible","ProcessSwimlaneTimeline","expanded","setExpanded","useMemo","tickCount","_","toggle","id","prev","next","allIds","l","toggleAll","safeParseJson","raw","extractRootTask","ProcessDetailPage","originId","useParams","useProcessDetailEvents","data","isLoading","useProcessDetail","settings","useSettings","rootTask","rootEnvelope","rootResult","completed","isRunning","stats","escalated","resolved","duration","startIso","allCompleted","allResolved","isFinished","endIso","formatElapsed","inlineStats","items","hasMessages","PageHeaderWithStats","JsonViewer","SectionLabel"],"mappings":"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"}
+{"version":3,"file":"ProcessDetailPage-BLGjZXpM.js","sources":["../../src/pages/processes/process-swimlane/helpers.ts","../../src/pages/processes/process-swimlane/useTimelineAnimation.ts","../../src/pages/processes/process-swimlane/SwimlaneIcons.tsx","../../src/pages/processes/process-swimlane/SwimlaneHeader.tsx","../../src/pages/processes/process-swimlane/TimeAxis.tsx","../../src/pages/processes/process-swimlane/MetricCell.tsx","../../src/pages/processes/process-swimlane/TraceLink.tsx","../../src/pages/processes/process-swimlane/TaskDetailPanel.tsx","../../src/pages/processes/process-swimlane/EscalationDetailPanel.tsx","../../src/pages/processes/process-swimlane/SwimlaneRow.tsx","../../src/pages/processes/process-swimlane/ProcessSwimlaneTimeline.tsx","../../src/pages/processes/ProcessDetailPage.tsx"],"sourcesContent":["import type { LTTaskRecord, LTEscalationRecord, LTTaskStatus, LTEscalationStatus } from '../../../api/types';\n\nexport interface ProcessLane {\n  kind: 'task' | 'escalation';\n  id: string;\n  label: string;\n  taskId: string;\n  startMs: number;\n  endMs: number;\n  startPct: number;\n  widthPct: number;\n  durationMs: number;\n  isOpen: boolean;\n  // task fields\n  task?: LTTaskRecord;\n  // escalation fields\n  escalation?: LTEscalationRecord;\n  claimPct?: number | null; // percent position of claim within the bar\n}\n\nexport interface ProcessSwimlaneTimelineProps {\n  tasks: LTTaskRecord[];\n  escalations: LTEscalationRecord[];\n  traceUrl?: string | null;\n}\n\nexport const PENDING_CLASS = 'bg-stripes animate-pulse opacity-70';\n\nexport function taskStatusColor(status: LTTaskStatus): string {\n  switch (status) {\n    case 'completed': return 'text-status-success';\n    case 'in_progress': case 'pending': return 'text-status-warning';\n    case 'needs_intervention': return 'text-status-error';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function escStatusColor(status: LTEscalationStatus): string {\n  switch (status) {\n    case 'resolved': return 'text-status-success';\n    case 'pending': return 'text-status-warning';\n    case 'cancelled': return 'text-text-tertiary';\n    default: return 'text-text-tertiary';\n  }\n}\n\nexport function statusLabel(kind: 'task' | 'escalation', status: string, isAck?: boolean): string {\n  const noun = kind === 'task' ? 'Task' : isAck ? 'Notification' : 'Escalation';\n  return `${noun} is ${status.replace(/_/g, ' ')}`;\n}\n\nexport function barColorForStatus(status: string, isOpen: boolean): string {\n  if (isOpen) return PENDING_CLASS;\n  switch (status) {\n    case 'completed':\n    case 'resolved':\n      return 'bg-status-success';\n    case 'pending':\n    case 'in_progress':\n    case 'needs_intervention':\n      return 'bg-status-warning';\n    case 'cancelled':\n      return 'bg-status-error';\n    default:\n      return 'bg-text-tertiary';\n  }\n}\n\nexport function isMcpWorkflow(workflowType: string): boolean {\n  return workflowType.startsWith('mcp') || workflowType.startsWith('Mcp');\n}\n\nexport function isAckEscalation(esc: LTEscalationRecord): boolean {\n  return !esc.workflow_type;\n}\n\nexport function middleTruncate(str: string, maxLen: number): string {\n  if (str.length <= maxLen) return str;\n  const keep = Math.floor((maxLen - 1) / 2);\n  return `${str.slice(0, keep)}…${str.slice(str.length - keep)}`;\n}\n\nexport function formatAbsoluteTime(iso: string): string {\n  const d = new Date(iso);\n  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' });\n}\n\n// ── Build lanes from raw task + escalation records ──────────────────────────\n\nexport function buildLanes(\n  tasks: LTTaskRecord[],\n  escalations: LTEscalationRecord[],\n): { lanes: ProcessLane[]; timeMin: number; timeMax: number } {\n  const now = Date.now();\n\n  // Group escalations by task_id\n  const escByTask = new Map<string, LTEscalationRecord[]>();\n  const unlinked: LTEscalationRecord[] = [];\n  for (const e of escalations) {\n    if (e.task_id) {\n      if (!escByTask.has(e.task_id)) escByTask.set(e.task_id, []);\n      escByTask.get(e.task_id)!.push(e);\n    } else {\n      unlinked.push(e);\n    }\n  }\n\n  // Sort tasks by created_at\n  const sorted = [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  );\n\n  // Collect all timestamps for axis bounds\n  const allTimes: number[] = [];\n  for (const t of tasks) {\n    allTimes.push(new Date(t.created_at).getTime());\n    if (t.completed_at) allTimes.push(new Date(t.completed_at).getTime());\n  }\n  for (const e of escalations) {\n    allTimes.push(new Date(e.created_at).getTime());\n    if (e.resolved_at) allTimes.push(new Date(e.resolved_at).getTime());\n    if (e.claimed_at) allTimes.push(new Date(e.claimed_at).getTime());\n  }\n  if (allTimes.length === 0) return { lanes: [], timeMin: 0, timeMax: 1 };\n\n  const timeMin = Math.min(...allTimes);\n  const hasOpen =\n    tasks.some((t) => !t.completed_at) || escalations.some((e) => !e.resolved_at);\n  const timeMax = hasOpen ? Math.max(now, Math.max(...allTimes)) : Math.max(...allTimes);\n  const span = timeMax - timeMin || 1;\n\n  const toPct = (ms: number) => ((ms - timeMin) / span) * 100;\n\n  const lanes: ProcessLane[] = [];\n\n  for (const task of sorted) {\n    const tStart = new Date(task.created_at).getTime();\n    const tEnd = task.completed_at ? new Date(task.completed_at).getTime() : now;\n    const tOpen = !task.completed_at;\n\n    lanes.push({\n      kind: 'task',\n      id: task.id,\n      label: task.workflow_type,\n      taskId: task.id,\n      startMs: tStart,\n      endMs: tEnd,\n      startPct: toPct(tStart),\n      widthPct: Math.max(((tEnd - tStart) / span) * 100, 0.5),\n      durationMs: tEnd - tStart,\n      isOpen: tOpen,\n      task,\n    });\n\n    const taskEscs = (escByTask.get(task.id) || []).sort(\n      (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n    );\n    for (const esc of taskEscs) {\n      const eStart = new Date(esc.created_at).getTime();\n      const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n      const eOpen = !esc.resolved_at;\n\n      let claimPct: number | null = null;\n      if (esc.claimed_at) {\n        const claimMs = new Date(esc.claimed_at).getTime();\n        const escSpan = eEnd - eStart || 1;\n        claimPct = ((claimMs - eStart) / escSpan) * 100;\n      }\n\n      lanes.push({\n        kind: 'escalation',\n        id: esc.id,\n        label: esc.role,\n        taskId: task.id,\n        startMs: eStart,\n        endMs: eEnd,\n        startPct: toPct(eStart),\n        widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n        durationMs: eEnd - eStart,\n        isOpen: eOpen,\n        escalation: esc,\n        claimPct,\n      });\n    }\n  }\n\n  // Unlinked escalations at the bottom\n  for (const esc of unlinked) {\n    const eStart = new Date(esc.created_at).getTime();\n    const eEnd = esc.resolved_at ? new Date(esc.resolved_at).getTime() : now;\n    let claimPct: number | null = null;\n    if (esc.claimed_at) {\n      const claimMs = new Date(esc.claimed_at).getTime();\n      const escSpan = eEnd - eStart || 1;\n      claimPct = ((claimMs - eStart) / escSpan) * 100;\n    }\n    lanes.push({\n      kind: 'escalation',\n      id: esc.id,\n      label: esc.role,\n      taskId: '',\n      startMs: eStart,\n      endMs: eEnd,\n      startPct: toPct(eStart),\n      widthPct: Math.max(((eEnd - eStart) / span) * 100, 0.5),\n      durationMs: eEnd - eStart,\n      isOpen: !esc.resolved_at,\n      escalation: esc,\n      claimPct,\n    });\n  }\n\n  return { lanes, timeMin, timeMax };\n}\n","import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { ProcessLane } from './helpers';\n\nexport interface BarAnim {\n  width: number;\n  opacity: number;\n}\n\nexport function useTimelineAnimation(\n  laneCount: number,\n  timeMin: number,\n  timeMax: number,\n  durationMs = 500,\n) {\n  const [progress, setProgress] = useState(0); // 0 → 1\n  const startRef = useRef<number | null>(null);\n  const totalSpanMs = timeMax - timeMin || 1;\n\n  useEffect(() => {\n    if (laneCount === 0) return;\n    startRef.current = null;\n    setProgress(0);\n\n    let raf: number;\n    const step = (ts: number) => {\n      if (startRef.current === null) startRef.current = ts;\n      const elapsed = ts - startRef.current;\n      const t = Math.min(elapsed / durationMs, 1);\n      // ease-out cubic for a smooth deceleration\n      const eased = 1 - Math.pow(1 - t, 3);\n      setProgress(eased);\n      if (t < 1) raf = requestAnimationFrame(step);\n    };\n    raf = requestAnimationFrame(step);\n    return () => cancelAnimationFrame(raf);\n  }, [laneCount, durationMs]);\n\n  const animatedBar = useCallback(\n    (lane: ProcessLane): BarAnim => {\n      const appearAt = (lane.startMs - timeMin) / totalSpanMs;\n      const doneAt = (lane.endMs - timeMin) / totalSpanMs;\n\n      if (progress < appearAt) {\n        return { width: 0, opacity: 0 };\n      }\n\n      const laneSpan = doneAt - appearAt || 0.001;\n      const fill = Math.min((progress - appearAt) / laneSpan, 1);\n      const animatedWidth = lane.widthPct * fill;\n      const fadeIn = Math.min(fill / 0.1, 1);\n\n      return { width: animatedWidth, opacity: fadeIn };\n    },\n    [progress, timeMin, totalSpanMs],\n  );\n\n  return { progress, animatedBar };\n}\n","export function ClipboardIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\" />\n    </svg>\n  );\n}\n\n/** Sparkle/AI icon for mcp* system workflows */\nexport function SparkleIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" />\n    </svg>\n  );\n}\n\n/** Bell icon for notification/ACK escalations */\nexport function BellIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0\" />\n    </svg>\n  );\n}\n\nexport function UserIcon({ className }: { className?: string }) {\n  return (\n    <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\" />\n    </svg>\n  );\n}\n","import { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\n\ninterface SwimlaneHeaderProps {\n  allExpanded: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SwimlaneHeader({ allExpanded, onToggleAll }: SwimlaneHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-4 flex-wrap\">\n      <button onClick={onToggleAll} className=\"text-2xs text-accent hover:underline\">\n        {allExpanded ? 'Collapse all' : 'Expand all'}\n      </button>\n\n      {/* Legend */}\n      <div className=\"flex items-center gap-4 ml-auto\">\n        <div className=\"flex items-center gap-1\">\n          <ClipboardIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SparkleIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">AI Task</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <UserIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Escalation</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <BellIcon className=\"w-3.5 h-3.5 text-text-tertiary\" />\n          <span className=\"text-2xs text-text-tertiary\">Notification</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-success\" />\n          <span className=\"text-2xs text-text-tertiary\">Done</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-warning\" />\n          <span className=\"text-2xs text-text-tertiary\">Active</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export interface Tick {\n  pct: number;\n  label: string;\n}\n\ninterface TimeAxisProps {\n  ticks: Tick[];\n}\n\nexport function TimeAxis({ ticks }: TimeAxisProps) {\n  return (\n    <div className=\"flex\">\n      <div className=\"w-52 shrink-0\" />\n      <div className=\"flex-1 relative h-6 border-b border-surface-border\">\n        {ticks.map((tick) => (\n          <span\n            key={tick.pct}\n            className=\"absolute text-2xs font-mono text-text-tertiary -translate-x-1/2 bottom-1 whitespace-nowrap\"\n            style={{ left: `${tick.pct}%` }}\n          >\n            {tick.label}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n}\n","/** Small labeled metric cell used inside detail panels */\nexport function MetricCell({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-0.5\">\n        {label}\n      </p>\n      <div className=\"text-xs text-text-primary\">{children}</div>\n    </div>\n  );\n}\n","import { useState } from 'react';\n\nexport function TraceLink({ traceId, href }: { traceId: string; href?: string }) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    navigator.clipboard.writeText(traceId);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  const handleNav = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (href) window.open(href, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <span className=\"group/trace inline-flex items-center gap-1.5\">\n      {href && (\n        <button\n          onClick={handleNav}\n          title=\"Open trace\"\n          className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n        >\n          <svg className=\"w-3 h-3 text-text-tertiary hover:text-accent\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-4.5-4.5h6m0 0v6m0-6L10.5 15\" />\n          </svg>\n        </button>\n      )}\n      <button\n        onClick={handleCopy}\n        title=\"Copy trace ID\"\n        className=\"opacity-0 group-hover/trace:opacity-100 transition-opacity p-0.5\"\n      >\n        <svg\n          className={`w-3 h-3 transition-colors ${copied ? 'text-status-success' : 'text-text-tertiary hover:text-accent'}`}\n          fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}\n        >\n          {copied\n            ? <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n            : <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3\" />\n          }\n        </svg>\n      </button>\n      <span className=\"text-2xs text-accent\">Trace Details</span>\n    </span>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { WorkflowPill } from '../../../components/common/display/WorkflowPill';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTTaskRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\nimport { TraceLink } from './TraceLink';\n\nexport function TaskDetailPanel({\n  task,\n  traceUrl,\n}: {\n  task: LTTaskRecord;\n  traceUrl?: string | null;\n}) {\n  const elapsed = task.completed_at\n    ? new Date(task.completed_at).getTime() - new Date(task.created_at).getTime()\n    : Date.now() - new Date(task.created_at).getTime();\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={task.status} />\n          <WorkflowPill type={task.workflow_type} />\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Started\">\n            <TimestampCell date={task.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Completed\">\n            {task.completed_at ? (\n              <TimestampCell date={task.completed_at} />\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">In progress</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Duration\">\n            <DurationValue ms={elapsed} className=\"font-mono text-sm\" />\n          </MetricCell>\n        </div>\n\n        {task.milestones.length > 0 && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n              Milestones\n            </p>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {task.milestones.map((m, i) => (\n                <span\n                  key={i}\n                  className=\"px-2 py-0.5 text-2xs font-mono bg-accent-faint/50 rounded text-text-secondary\"\n                >\n                  {m.name}: {String(m.value)}\n                </span>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        <Link\n          to={`/workflows/executions/${encodeURIComponent(task.workflow_id)}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Execution Details\n        </Link>\n        <Link\n          to={`/workflows/tasks/detail/${task.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Task Details\n        </Link>\n        {task.trace_id && (\n          <TraceLink\n            traceId={task.trace_id}\n            href={traceUrl ? traceUrl.replace('{traceId}', task.trace_id) : undefined}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { Link } from 'react-router-dom';\nimport { StatusBadge } from '../../../components/common/display/StatusBadge';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { UserName } from '../../../components/common/display/UserName';\nimport { TimestampCell } from '../../../components/common/display/TimestampCell';\nimport { DurationValue } from '../../../components/common/display/DurationValue';\nimport type { LTEscalationRecord } from '../../../api/types';\nimport { MetricCell } from './MetricCell';\n\nexport function EscalationDetailPanel({\n  escalation,\n}: {\n  escalation: LTEscalationRecord;\n}) {\n  const created = new Date(escalation.created_at).getTime();\n  const claimedMs = escalation.claimed_at\n    ? new Date(escalation.claimed_at).getTime() - created\n    : null;\n  const resolvedMs = escalation.resolved_at\n    ? new Date(escalation.resolved_at).getTime() - created\n    : null;\n\n  return (\n    <div className=\"grid grid-cols-[3fr_1fr] gap-6\">\n      {/* Left: timing metrics */}\n      <div className=\"space-y-4\">\n        <div className=\"flex items-center gap-3\">\n          <StatusBadge status={escalation.status} />\n          <RolePill role={escalation.role} />\n          {escalation.type && (\n            <span className=\"text-2xs text-text-tertiary\">\n              {escalation.type}\n              {escalation.subtype ? ` / ${escalation.subtype}` : ''}\n            </span>\n          )}\n        </div>\n\n        <div className=\"grid grid-cols-3 gap-4\">\n          <MetricCell label=\"Created\">\n            <TimestampCell date={escalation.created_at} />\n          </MetricCell>\n\n          <MetricCell label=\"Claimed\">\n            {escalation.claimed_at ? (\n              <>\n                <TimestampCell date={escalation.claimed_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  after <DurationValue ms={claimedMs} />\n                  {escalation.assigned_to && (\n                    <>\n                      {' '}by{' '}\n                      <span className=\"text-text-secondary font-medium\">\n                        <UserName userId={escalation.assigned_to} />\n                      </span>\n                    </>\n                  )}\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Unclaimed</span>\n            )}\n          </MetricCell>\n\n          <MetricCell label=\"Resolved\">\n            {escalation.resolved_at ? (\n              <>\n                <TimestampCell date={escalation.resolved_at} />\n                <p className=\"text-2xs text-text-tertiary mt-0.5\">\n                  <DurationValue ms={resolvedMs} /> total\n                </p>\n              </>\n            ) : (\n              <span className=\"text-text-tertiary italic text-xs\">Pending</span>\n            )}\n          </MetricCell>\n        </div>\n\n        {escalation.description && (\n          <div>\n            <p className=\"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n              Description\n            </p>\n            <p className=\"text-2xs text-text-secondary leading-relaxed\">\n              {escalation.description}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Right: links */}\n      <div className=\"flex flex-col items-end gap-2\">\n        {escalation.workflow_id && (\n          <Link\n            to={`/workflows/executions/${encodeURIComponent(escalation.workflow_id)}`}\n            className=\"block text-2xs text-accent hover:underline\"\n          >\n            Execution Details\n          </Link>\n        )}\n        <Link\n          to={`/escalations/detail/${escalation.id}`}\n          className=\"block text-2xs text-accent hover:underline\"\n        >\n          Escalation Details\n        </Link>\n      </div>\n    </div>\n  );\n}\n","import { Collapsible } from '../../../components/common/layout/Collapsible';\nimport { formatDuration } from '../../../lib/format';\nimport {\n  taskStatusColor,\n  escStatusColor,\n  statusLabel,\n  barColorForStatus,\n  isMcpWorkflow,\n  isAckEscalation,\n  middleTruncate,\n} from './helpers';\nimport type { ProcessLane } from './helpers';\nimport type { BarAnim } from './useTimelineAnimation';\nimport type { Tick } from './TimeAxis';\nimport { ClipboardIcon, SparkleIcon, BellIcon, UserIcon } from './SwimlaneIcons';\nimport { TaskDetailPanel } from './TaskDetailPanel';\nimport { EscalationDetailPanel } from './EscalationDetailPanel';\n\ninterface SwimlaneRowProps {\n  lane: ProcessLane;\n  ticks: Tick[];\n  isExpanded: boolean;\n  onToggle: () => void;\n  anim: BarAnim;\n  animDone: boolean;\n  traceUrl?: string | null;\n}\n\nexport function SwimlaneRow({\n  lane,\n  ticks,\n  isExpanded,\n  onToggle,\n  anim,\n  animDone,\n  traceUrl,\n}: SwimlaneRowProps) {\n  const isTask = lane.kind === 'task';\n  const status = isTask ? lane.task!.status : lane.escalation!.status;\n  const barBase = barColorForStatus(status, lane.isOpen);\n  const visible = anim.opacity > 0;\n\n  return (\n    <div>\n      {/* Lane row */}\n      <div\n        className=\"flex items-center border-b border-surface-border cursor-pointer hover:bg-surface-sunken/40 transition-colors\"\n        onClick={onToggle}\n      >\n        {/* Label column */}\n        <div\n          className={`w-52 shrink-0 py-3 pr-4 flex items-center gap-2 ${\n            isTask ? '' : 'pl-6'\n          }`}\n          style={{ opacity: visible ? 1 : 0, transition: 'opacity 0.15s ease-out' }}\n        >\n          {isTask ? (\n            isMcpWorkflow(lane.task!.workflow_type) ? (\n              <SparkleIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            ) : (\n              <ClipboardIcon\n                className={`w-4 h-4 shrink-0 ${taskStatusColor(lane.task!.status)}`}\n              />\n            )\n          ) : isAckEscalation(lane.escalation!) ? (\n            <BellIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          ) : (\n            <UserIcon\n              className={`w-4 h-4 shrink-0 ${escStatusColor(lane.escalation!.status)}`}\n            />\n          )}\n          <p\n            className=\"text-xs font-mono text-text-secondary whitespace-nowrap overflow-hidden\"\n            title={statusLabel(lane.kind, isTask ? lane.task!.status : lane.escalation!.status, !isTask && isAckEscalation(lane.escalation!))}\n          >\n            {isTask\n              ? middleTruncate(lane.label, 24)\n              : middleTruncate(lane.escalation?.role ?? lane.label, 20)}\n          </p>\n        </div>\n\n        {/* Bar area */}\n        <div className=\"flex-1 relative h-10\">\n          {/* Tick gridlines */}\n          {ticks.map((tick) => (\n            <div\n              key={tick.pct}\n              className=\"absolute top-0 bottom-0 w-px bg-surface-border opacity-30\"\n              style={{ left: `${tick.pct}%` }}\n            />\n          ))}\n\n          {/* Duration bar (animated reveal + grow) */}\n          <div\n            className={`absolute top-2 h-6 rounded-sm ${\n              isExpanded\n                ? `${barBase} ring-2 ring-accent ring-offset-1`\n                : `${barBase} hover:opacity-80`\n            }`}\n            style={{\n              left: `${lane.startPct}%`,\n              width: visible ? `${Math.max(anim.width, 0.3)}%` : '0%',\n              minWidth: visible ? '4px' : '0px',\n              opacity: anim.opacity,\n            }}\n            title={`${lane.label} — ${formatDuration(lane.durationMs)} — ${new Date(lane.startMs).toLocaleTimeString()}`}\n          >\n            {/* Duration text inside bar (show only when fully revealed) */}\n            {anim.width > 8 && animDone && (\n              <span className=\"absolute inset-0 flex items-center px-1.5 text-2xs font-mono text-text-inverse truncate\">\n                {formatDuration(lane.durationMs)}\n              </span>\n            )}\n\n            {/* Claim marker (vertical dashed line) — show after animation */}\n            {lane.claimPct != null && animDone && (\n              <div\n                className=\"absolute top-0 bottom-0 w-px border-l border-dashed border-text-inverse/70\"\n                style={{ left: `${lane.claimPct}%` }}\n                title={\n                  lane.escalation?.assigned_to\n                    ? `Claimed by ${lane.escalation.assigned_to}`\n                    : 'Claimed'\n                }\n              >\n                {/* Claim dot */}\n                <div className=\"absolute -top-1 -left-[3px] w-[7px] h-[7px] rounded-full bg-text-inverse border border-status-warning\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Expandable detail panel */}\n      <Collapsible open={isExpanded}>\n        <div className=\"py-4 px-6 pl-52 border-b border-surface-border bg-surface-sunken/20\">\n          {isTask && lane.task ? (\n            <TaskDetailPanel task={lane.task} traceUrl={traceUrl} />\n          ) : lane.escalation ? (\n            <EscalationDetailPanel escalation={lane.escalation} />\n          ) : null}\n        </div>\n      </Collapsible>\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { formatDuration } from '../../../lib/format';\nimport { buildLanes } from './helpers';\nimport type { ProcessSwimlaneTimelineProps } from './helpers';\nimport { useTimelineAnimation } from './useTimelineAnimation';\nimport { SwimlaneHeader } from './SwimlaneHeader';\nimport { TimeAxis } from './TimeAxis';\nimport { SwimlaneRow } from './SwimlaneRow';\n\nexport function ProcessSwimlaneTimeline({\n  tasks,\n  escalations,\n  traceUrl,\n}: ProcessSwimlaneTimelineProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  const { lanes, timeMin, timeMax } = useMemo(\n    () => buildLanes(tasks, escalations),\n    [tasks, escalations],\n  );\n\n  const totalSpanMs = timeMax - timeMin || 1;\n  const { progress, animatedBar } = useTimelineAnimation(lanes.length, timeMin, timeMax);\n\n  if (lanes.length === 0) {\n    return (\n      <p className=\"text-sm text-text-tertiary py-8 text-center\">\n        No events in this process.\n      </p>\n    );\n  }\n\n  // Time axis ticks\n  const tickCount = 5;\n  const ticks = Array.from({ length: tickCount + 1 }, (_, i) => ({\n    pct: (i / tickCount) * 100,\n    label: formatDuration(Math.round((i / tickCount) * totalSpanMs)),\n  }));\n\n  const toggle = (id: string) => {\n    setExpanded((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 allIds = lanes.map((l) => l.id);\n  const allExpanded = allIds.length > 0 && allIds.every((id) => expanded.has(id));\n  const toggleAll = () => {\n    if (allExpanded) setExpanded(new Set());\n    else setExpanded(new Set(allIds));\n  };\n\n  const animDone = progress >= 1;\n\n  return (\n    <div className=\"py-2\">\n      <SwimlaneHeader allExpanded={allExpanded} onToggleAll={toggleAll} />\n      <TimeAxis ticks={ticks} />\n\n      {lanes.map((lane) => (\n        <SwimlaneRow\n          key={`${lane.kind}-${lane.id}`}\n          lane={lane}\n          ticks={ticks}\n          isExpanded={expanded.has(lane.id)}\n          onToggle={() => toggle(lane.id)}\n          anim={animatedBar(lane)}\n          animDone={animDone}\n          traceUrl={traceUrl}\n        />\n      ))}\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useProcessDetail } from '../../api/tasks';\nimport { useProcessDetailEvents } from '../../hooks/useEventHooks';\nimport { useSettings } from '../../api/settings';\nimport { PageHeaderWithStats, type InlineStat } from '../../components/common/layout/PageHeaderWithStats';\nimport { SectionLabel } from '../../components/common/layout/SectionLabel';\nimport { JsonViewer } from '../../components/common/data/JsonViewer';\nimport { ProcessSwimlaneTimeline } from './process-swimlane/ProcessSwimlaneTimeline';\nimport { formatElapsed } from '../../lib/format';\nimport type { LTTaskRecord } from '../../api/types';\n\nfunction safeParseJson(raw: string | null | undefined): Record<string, unknown> | null {\n  if (!raw) return null;\n  try { return JSON.parse(raw); } catch { return null; }\n}\n\nfunction extractRootTask(tasks: LTTaskRecord[]): LTTaskRecord | null {\n  if (tasks.length === 0) return null;\n  return [...tasks].sort(\n    (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime(),\n  )[0];\n}\n\nexport function ProcessDetailPage() {\n  const { originId } = useParams<{ originId: string }>();\n  useProcessDetailEvents(originId);\n  const { data, isLoading } = useProcessDetail(originId ?? '');\n  const { data: settings } = useSettings();\n  const traceUrl = settings?.telemetry?.traceUrl ?? null;\n\n  const tasks = data?.tasks ?? [];\n  const escalations = data?.escalations ?? [];\n\n  const rootTask = useMemo(() => extractRootTask(tasks), [tasks]);\n  const rootEnvelope = useMemo(() => safeParseJson(rootTask?.envelope), [rootTask]);\n  const rootResult = useMemo(() => {\n    if (rootTask?.data) return safeParseJson(rootTask.data);\n    const completed = tasks\n      .filter((t) => t.status === 'completed' && t.data)\n      .sort((a, b) => new Date(b.completed_at!).getTime() - new Date(a.completed_at!).getTime());\n    return completed.length > 0 ? safeParseJson(completed[0].data) : null;\n  }, [rootTask, tasks]);\n\n  const isRunning = useMemo(() => {\n    return tasks.length > 0 && tasks.some(\n      (t) => t.status !== 'completed' && t.status !== 'cancelled',\n    );\n  }, [tasks]);\n\n  const stats = useMemo(() => {\n    const completed = tasks.filter((t) => t.status === 'completed').length;\n    const escalated = tasks.filter((t) => t.status === 'needs_intervention').length;\n    const resolved = escalations.filter((e) => e.status === 'resolved').length;\n    return { tasks: tasks.length, completed, escalated, escalations: escalations.length, resolved };\n  }, [tasks, escalations]);\n\n  const duration = useMemo(() => {\n    if (tasks.length === 0 && escalations.length === 0) return null;\n    const allDates = [\n      ...tasks.map((t) => t.created_at),\n      ...escalations.map((e) => e.created_at),\n    ].sort();\n    const startIso = allDates[0];\n    const allCompleted = tasks.every((t) => t.status === 'completed' || t.status === 'cancelled');\n    const allResolved = escalations.every((e) => e.status === 'resolved');\n    const isFinished = tasks.length > 0 && allCompleted && allResolved;\n    const endIso = isFinished\n      ? [...tasks.map((t) => t.completed_at), ...escalations.map((e) => e.resolved_at)]\n          .filter(Boolean)\n          .sort()\n          .pop() ?? null\n      : null;\n    return { startIso, endIso, isFinished, elapsed: formatElapsed(startIso, endIso) };\n  }, [tasks, escalations]);\n\n  const inlineStats = useMemo<InlineStat[]>(() => {\n    const items: InlineStat[] = [];\n    if (duration) {\n      items.push({\n        label: duration.isFinished ? 'Completed' : 'Running',\n        value: duration.elapsed,\n        dotClass: duration.isFinished ? 'bg-status-success' : 'bg-status-pending animate-pulse',\n      });\n    }\n    items.push(\n      { label: 'Tasks', value: `${stats.completed}/${stats.tasks}` },\n      { label: 'Escalations', value: `${stats.resolved}/${stats.escalations}` },\n    );\n    return items;\n  }, [duration, stats]);\n\n  if (isLoading && tasks.length === 0) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-40 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  const hasMessages = rootEnvelope || rootResult || isRunning;\n\n  return (\n    <div>\n      <PageHeaderWithStats\n        title=\"Process Detail\"\n        docsHash=\"#docs:dashboard.md:process-detail\"\n        subtitle={originId}\n        stats={inlineStats}\n      />\n\n      {hasMessages && (\n        <div className=\"grid grid-cols-1 @split:grid-cols-2 gap-8 mb-10\">\n          <div>\n            {rootEnvelope ? (\n              <JsonViewer data={rootEnvelope} label=\"Input\" defaultMode=\"json\" defaultCollapsed />\n            ) : (\n              <div>\n                <SectionLabel>Input</SectionLabel>\n                <div className=\"font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-tertiary italic mt-2\">\n                  Waiting for task...\n                </div>\n              </div>\n            )}\n          </div>\n          <div>\n            {rootResult ? (\n              <JsonViewer data={rootResult} label=\"Output\" defaultMode=\"json\" defaultCollapsed />\n            ) : isRunning ? (\n              <div>\n                <SectionLabel>Output</SectionLabel>\n                <div className=\"flex items-center gap-2 font-mono text-xs bg-surface-sunken rounded-md p-4 text-text-secondary mt-2\">\n                  <span className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending animate-pulse\" />\n                  Processing...\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )}\n\n      <SectionLabel className=\"mb-6\">Timeline</SectionLabel>\n\n      <ProcessSwimlaneTimeline\n        tasks={tasks}\n        escalations={escalations}\n        traceUrl={traceUrl}\n      />\n    </div>\n  );\n}\n"],"names":["PENDING_CLASS","taskStatusColor","status","escStatusColor","statusLabel","kind","isAck","barColorForStatus","isOpen","isMcpWorkflow","workflowType","isAckEscalation","esc","middleTruncate","str","maxLen","keep","buildLanes","tasks","escalations","now","escByTask","unlinked","e","sorted","a","b","allTimes","t","timeMin","timeMax","span","toPct","ms","lanes","task","tStart","tEnd","tOpen","taskEscs","eStart","eEnd","eOpen","claimPct","claimMs","escSpan","useTimelineAnimation","laneCount","durationMs","progress","setProgress","useState","startRef","useRef","totalSpanMs","useEffect","raf","step","ts","elapsed","eased","animatedBar","useCallback","lane","appearAt","doneAt","laneSpan","fill","animatedWidth","fadeIn","ClipboardIcon","className","jsx","SparkleIcon","BellIcon","UserIcon","SwimlaneHeader","allExpanded","onToggleAll","jsxs","TimeAxis","ticks","tick","MetricCell","label","children","TraceLink","traceId","href","copied","setCopied","handleCopy","handleNav","TaskDetailPanel","traceUrl","StatusBadge","WorkflowPill","TimestampCell","DurationValue","m","i","Link","EscalationDetailPanel","escalation","created","claimedMs","resolvedMs","RolePill","Fragment","UserName","SwimlaneRow","isExpanded","onToggle","anim","animDone","isTask","barBase","visible","_a","formatDuration","_b","Collapsible","ProcessSwimlaneTimeline","expanded","setExpanded","useMemo","tickCount","_","toggle","id","prev","next","allIds","l","toggleAll","safeParseJson","raw","extractRootTask","ProcessDetailPage","originId","useParams","useProcessDetailEvents","data","isLoading","useProcessDetail","settings","useSettings","rootTask","rootEnvelope","rootResult","completed","isRunning","stats","escalated","resolved","duration","startIso","allCompleted","allResolved","isFinished","endIso","formatElapsed","inlineStats","items","hasMessages","PageHeaderWithStats","JsonViewer","SectionLabel"],"mappings":"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"}

package/dashboard/dist/assets/ProcessesListPage-5NnysKFC.js

@@ -0,0 +1,2 @@
+import{j as s}from"./vendor-query-DvWWuNIB.js";import{u as x}from"./tasks-OUzpu__z.js";import{u as h,a as w}from"./index-BMlQYOE1.js";import{u as k}from"./useFilterParams-DBRw1Hcv.js";import{u as y}from"./useDebouncedValue-Cp5ZOtVE.js";import{b as v}from"./api-path-u2Jf9QXS.js";import{D as _}from"./DataTable-7C7riavf.js";import{T as c}from"./TimestampCell-DHUXey9s.js";import{S as b}from"./StickyPagination-DRuqKhZt.js";import{F as j,a as P,b as p}from"./FilterBar-xwN_b5fj.js";import{P as S}from"./PageHeader-Di5Sz3an.js";import{L as N}from"./ListToolbar-zPVYPg3W.js";import{W as C}from"./WorkflowPill--AYMW7u_.js";import{u as T}from"./vendor-react-_9U4mKFr.js";import"./vendor-icons-DeBdvyKJ.js";import"./EmptyState-DgC_6njU.js";const F=[{value:"active",label:"Active"},{value:"completed",label:"Completed"},{value:"escalated",label:"Escalated"}],z=[{key:"origin_id",label:"Origin",render:e=>s.jsx("span",{className:"font-mono text-xs",title:e.origin_id,children:e.origin_id.length>40?`${e.origin_id.slice(0,40)}…`:e.origin_id})},{key:"workflow_types",label:"Workflows",render:e=>s.jsx("div",{className:"flex flex-wrap gap-1",children:e.workflow_types.map(a=>s.jsx(C,{type:a},a))})},{key:"task_count",label:"Tasks",render:e=>s.jsx("span",{children:e.task_count}),className:"w-20 text-right"},{key:"completed",label:"Completed",render:e=>e.completed>0?s.jsx("span",{className:"text-status-success",children:e.completed}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"escalated",label:"Escalated",render:e=>e.escalated>0?s.jsx("span",{className:"text-status-error",children:e.escalated}):s.jsx("span",{className:"text-text-tertiary",children:"0"}),className:"w-24 text-right"},{key:"started_at",label:"Started",render:e=>s.jsx(c,{date:e.started_at}),className:"w-44"},{key:"last_activity",label:"Last Activity",render:e=>s.jsx(c,{date:e.last_activity}),className:"w-44"}];function J(){h();const e=T(),{filters:a,setFilter:i,pagination:o}=k({filters:{workflow_type:"",status:"",search:""}}),l=y(a.search),{data:d}=w(),m=[...new Set((d??[]).map(t=>t.workflow_type))].sort(),{data:r,isLoading:f,refetch:g,isFetching:u}=x({workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0,limit:o.pageSize,offset:o.offset}),n=(r==null?void 0:r.total)??0;return s.jsxs("div",{children:[s.jsx(S,{title:"All Processes",docsHash:"#docs:dashboard.md:processes-overview"}),s.jsxs(j,{actions:s.jsx(N,{onRefresh:()=>g(),isFetching:u,apiPath:v("/tasks/processes",{limit:o.pageSize,offset:o.offset,workflow_type:a.workflow_type||void 0,status:a.status||void 0,search:l||void 0})}),children:[s.jsx(P,{label:"Search",value:a.search,onChange:t=>i("search",t),placeholder:"origin, workflow, or trace ID"}),s.jsx(p,{label:"Status",value:a.status,onChange:t=>i("status",t),options:F}),s.jsx(p,{label:"Workflow Type",value:a.workflow_type,onChange:t=>i("workflow_type",t),options:m.map(t=>({value:t,label:t}))})]}),s.jsx(_,{columns:z,data:(r==null?void 0:r.processes)??[],keyFn:t=>t.origin_id,onRowClick:t=>e(`/processes/detail/${encodeURIComponent(t.origin_id)}`),isLoading:f,emptyMessage:"No business processes found"}),s.jsx(b,{page:o.page,totalPages:o.totalPages(n),onPageChange:o.setPage,total:n,pageSize:o.pageSize,onPageSizeChange:o.setPageSize})]})}export{J as ProcessesListPage};
+//# sourceMappingURL=ProcessesListPage-5NnysKFC.js.map

package/dashboard/dist/assets/{ProcessesListPage-CKKNpk4z.js.map → ProcessesListPage-5NnysKFC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProcessesListPage-CKKNpk4z.js","sources":["../../src/pages/processes/ProcessesListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useProcesses, type ProcessSummary } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useProcessListEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\n\nconst STATUS_OPTIONS = [\n  { value: 'active', label: 'Active' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'escalated', label: 'Escalated' },\n];\n\nconst columns: Column<ProcessSummary>[] = [\n  {\n    key: 'origin_id',\n    label: 'Origin',\n    render: (row) => (\n      <span className=\"font-mono text-xs\" title={row.origin_id}>\n        {row.origin_id.length > 40 ? `${row.origin_id.slice(0, 40)}…` : row.origin_id}\n      </span>\n    ),\n  },\n  {\n    key: 'workflow_types',\n    label: 'Workflows',\n    render: (row) => (\n      <div className=\"flex flex-wrap gap-1\">\n        {row.workflow_types.map((wt) => (\n          <WorkflowPill key={wt} type={wt} />\n        ))}\n      </div>\n    ),\n  },\n  {\n    key: 'task_count',\n    label: 'Tasks',\n    render: (row) => <span>{row.task_count}</span>,\n    className: 'w-20 text-right',\n  },\n  {\n    key: 'completed',\n    label: 'Completed',\n    render: (row) =>\n      row.completed > 0\n        ? <span className=\"text-status-success\">{row.completed}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'escalated',\n    label: 'Escalated',\n    render: (row) =>\n      row.escalated > 0\n        ? <span className=\"text-status-error\">{row.escalated}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimestampCell date={row.started_at} />,\n    className: 'w-44',\n  },\n  {\n    key: 'last_activity',\n    label: 'Last Activity',\n    render: (row) => <TimestampCell date={row.last_activity} />,\n    className: 'w-44',\n  },\n];\n\nexport function ProcessesListPage() {\n  useProcessListEvents();\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { workflow_type: '', status: '', search: '' },\n  });\n\n  const debouncedSearch = useDebouncedValue(filters.search);\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading, refetch, isFetching } = useProcesses({\n    workflow_type: filters.workflow_type || undefined,\n    status: filters.status || undefined,\n    search: debouncedSearch || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"All Processes\" docsHash=\"#docs:dashboard.md:processes-overview\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/tasks/processes', {\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            workflow_type: filters.workflow_type || undefined,\n            status: filters.status || undefined,\n            search: debouncedSearch || undefined,\n          })}\n        />\n      }>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"origin, workflow, or trace ID\"\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.processes ?? []}\n        keyFn={(row) => row.origin_id}\n        onRowClick={(row) => navigate(`/processes/detail/${encodeURIComponent(row.origin_id)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No business processes found\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["STATUS_OPTIONS","columns","row","jsx","wt","WorkflowPill","TimestampCell","ProcessesListPage","useProcessListEvents","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","debouncedSearch","useDebouncedValue","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","refetch","isFetching","useProcesses","total","PageHeader","jsxs","FilterBar","ListToolbar","buildApiPath","FilterInput","v","FilterSelect","DataTable","StickyPagination"],"mappings":"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"}
+{"version":3,"file":"ProcessesListPage-5NnysKFC.js","sources":["../../src/pages/processes/ProcessesListPage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport { useProcesses, type ProcessSummary } from '../../api/tasks';\nimport { useWorkflowConfigs } from '../../api/workflows';\nimport { useProcessListEvents } from '../../hooks/useEventHooks';\nimport { useFilterParams } from '../../hooks/useFilterParams';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { buildApiPath } from '../../lib/api-path';\nimport { DataTable, type Column } from '../../components/common/data/DataTable';\nimport { TimestampCell } from '../../components/common/display/TimestampCell';\nimport { StickyPagination } from '../../components/common/data/StickyPagination';\nimport { FilterBar, FilterSelect, FilterInput } from '../../components/common/data/FilterBar';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\n\nconst STATUS_OPTIONS = [\n  { value: 'active', label: 'Active' },\n  { value: 'completed', label: 'Completed' },\n  { value: 'escalated', label: 'Escalated' },\n];\n\nconst columns: Column<ProcessSummary>[] = [\n  {\n    key: 'origin_id',\n    label: 'Origin',\n    render: (row) => (\n      <span className=\"font-mono text-xs\" title={row.origin_id}>\n        {row.origin_id.length > 40 ? `${row.origin_id.slice(0, 40)}…` : row.origin_id}\n      </span>\n    ),\n  },\n  {\n    key: 'workflow_types',\n    label: 'Workflows',\n    render: (row) => (\n      <div className=\"flex flex-wrap gap-1\">\n        {row.workflow_types.map((wt) => (\n          <WorkflowPill key={wt} type={wt} />\n        ))}\n      </div>\n    ),\n  },\n  {\n    key: 'task_count',\n    label: 'Tasks',\n    render: (row) => <span>{row.task_count}</span>,\n    className: 'w-20 text-right',\n  },\n  {\n    key: 'completed',\n    label: 'Completed',\n    render: (row) =>\n      row.completed > 0\n        ? <span className=\"text-status-success\">{row.completed}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'escalated',\n    label: 'Escalated',\n    render: (row) =>\n      row.escalated > 0\n        ? <span className=\"text-status-error\">{row.escalated}</span>\n        : <span className=\"text-text-tertiary\">0</span>,\n    className: 'w-24 text-right',\n  },\n  {\n    key: 'started_at',\n    label: 'Started',\n    render: (row) => <TimestampCell date={row.started_at} />,\n    className: 'w-44',\n  },\n  {\n    key: 'last_activity',\n    label: 'Last Activity',\n    render: (row) => <TimestampCell date={row.last_activity} />,\n    className: 'w-44',\n  },\n];\n\nexport function ProcessesListPage() {\n  useProcessListEvents();\n  const navigate = useNavigate();\n  const { filters, setFilter, pagination } = useFilterParams({\n    filters: { workflow_type: '', status: '', search: '' },\n  });\n\n  const debouncedSearch = useDebouncedValue(filters.search);\n\n  const { data: configs } = useWorkflowConfigs();\n  const workflowTypes = [...new Set((configs ?? []).map((c) => c.workflow_type))].sort();\n\n  const { data, isLoading, refetch, isFetching } = useProcesses({\n    workflow_type: filters.workflow_type || undefined,\n    status: filters.status || undefined,\n    search: debouncedSearch || undefined,\n    limit: pagination.pageSize,\n    offset: pagination.offset,\n  });\n\n  const total = data?.total ?? 0;\n\n  return (\n    <div>\n      <PageHeader title=\"All Processes\" docsHash=\"#docs:dashboard.md:processes-overview\" />\n\n      <FilterBar actions={\n        <ListToolbar\n          onRefresh={() => refetch()}\n          isFetching={isFetching}\n          apiPath={buildApiPath('/tasks/processes', {\n            limit: pagination.pageSize,\n            offset: pagination.offset,\n            workflow_type: filters.workflow_type || undefined,\n            status: filters.status || undefined,\n            search: debouncedSearch || undefined,\n          })}\n        />\n      }>\n        <FilterInput\n          label=\"Search\"\n          value={filters.search}\n          onChange={(v) => setFilter('search', v)}\n          placeholder=\"origin, workflow, or trace ID\"\n        />\n        <FilterSelect\n          label=\"Status\"\n          value={filters.status}\n          onChange={(v) => setFilter('status', v)}\n          options={STATUS_OPTIONS}\n        />\n        <FilterSelect\n          label=\"Workflow Type\"\n          value={filters.workflow_type}\n          onChange={(v) => setFilter('workflow_type', v)}\n          options={workflowTypes.map((t) => ({ value: t, label: t }))}\n        />\n      </FilterBar>\n\n      <DataTable\n        columns={columns}\n        data={data?.processes ?? []}\n        keyFn={(row) => row.origin_id}\n        onRowClick={(row) => navigate(`/processes/detail/${encodeURIComponent(row.origin_id)}`)}\n        isLoading={isLoading}\n        emptyMessage=\"No business processes found\"\n      />\n\n      <StickyPagination\n        page={pagination.page}\n        totalPages={pagination.totalPages(total)}\n        onPageChange={pagination.setPage}\n        total={total}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={pagination.setPageSize}\n      />\n    </div>\n  );\n}\n"],"names":["STATUS_OPTIONS","columns","row","jsx","wt","WorkflowPill","TimestampCell","ProcessesListPage","useProcessListEvents","navigate","useNavigate","filters","setFilter","pagination","useFilterParams","debouncedSearch","useDebouncedValue","configs","useWorkflowConfigs","workflowTypes","c","data","isLoading","refetch","isFetching","useProcesses","total","PageHeader","jsxs","FilterBar","ListToolbar","buildApiPath","FilterInput","v","FilterSelect","DataTable","StickyPagination"],"mappings":"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"}

package/dashboard/dist/assets/ResolverForm-Dy0yirtP.js

@@ -0,0 +1,2 @@
+import{a as v,j as n}from"./vendor-query-DvWWuNIB.js";import{al as At,aa as Et,bv as _t,bj as Ot,aE as K,bw as $t,a4 as Ct}from"./vendor-icons-DeBdvyKJ.js";import{g as et,H as Tt,c as Y,r as nt,s as Ft}from"./EscalationListView-uuZRMSLB.js";import{ad as lt,ai as Dt,a9 as st,a0 as Mt,a5 as It,s as Wt}from"./index-BMlQYOE1.js";import{L as gt}from"./vendor-react-_9U4mKFr.js";import{S as Lt}from"./StatusBadge-DHVwxre2.js";function U(t,e){const r=e==null?void 0:e.title;if(typeof r=="string"&&r.trim().length>0)return r.trim();const s=t.split(/[_-]+/).filter(Boolean);return s.length<=1?t:s.map(i=>Rt(i)?i:i.charAt(0).toUpperCase()+i.slice(1)).join(" ")}function Rt(t){return t.length>1&&t===t.toUpperCase()&&/[A-Z]/.test(t)}const Pt=/\{\{\s*([^{}]+?)\s*\}\}/g;function S(t){return typeof t=="string"&&/\{\{[^{}]+\}\}/.test(t)}function rt(t,e){if(!e)return;const r=t.indexOf("."),s=e[r===-1?t:t.slice(0,r)];if(r===-1)return s;if(!(s===null||typeof s!="object"))return et(s,t.slice(r+1))}function bt(t,e){let r=!1;const s=t.replace(Pt,(i,o)=>{const l=rt(o,e);return typeof l=="string"&&l.trim().length>0?l:typeof l=="number"&&Number.isFinite(l)?String(l):(r=!0,"")});return r?null:s}const qt="x-lt-options";function ct(t){return typeof t=="string"||typeof t=="number"&&Number.isFinite(t)}function Ut(t){if(ct(t))return{value:t,label:String(t)};if(t&&typeof t=="object"&&!Array.isArray(t)){const e=t,r=e.value!==void 0?e.value:e.id;if(ct(r)&&typeof e.label=="string"&&e.label.length>0)return{value:r,label:e.label}}return null}function mt(t,e){if(!t)return;const r=t.enum;if(Array.isArray(r)&&r.length>0)return r.map(l=>({value:l,label:String(l)}));const s=t[qt],i=(typeof s=="string"?[s]:Array.isArray(s)?s:[]).filter(l=>typeof l=="string"&&l.length>0);if(i.length===0)return;const o=i.some(S)?[]:void 0;for(const l of i){let c=l;if(S(l)){const a=bt(l,e);if(a===null)continue;c=a}const d=rt(c,e);if(!Array.isArray(d))continue;const u=d.map(Ut).filter(a=>a!==null);if(u.length>0)return u}return o}function it(t,e){const r=(typeof t=="string"?[t]:Array.isArray(t)?t:[]).filter(s=>typeof s=="string"&&s.length>0);if(r.length===0||!e)return[];for(const s of r){let i=s;if(S(s)){const l=bt(s,e);if(l===null)continue;i=l}const o=rt(i,e);if(Array.isArray(o)&&o.length>0)return o}return[]}const Ht="x-lt-default-checked";function Jt(t,e,r){if((t==null?void 0:t["x-lt-widget"])!=="checklist"||t[Ht]!==!0||e&&typeof e=="object"&&!Array.isArray(e)&&Object.keys(e).length>0)return null;const s=it(t["x-lt-source"],r);return s.length===0?null:Object.fromEntries(s.map(i=>[i.id,!0]))}function Xt(t,e,r){if((e==null?void 0:e["x-lt-widget"])!=="checklist"||e["x-lt-require-all"]!==!0)return;const i=it(e["x-lt-source"],r).filter(c=>c.required!==!1);if(i.length===0)return;const o=typeof t=="object"&&t!==null&&!Array.isArray(t)?t:{},l=i.filter(c=>!o[c.id]).length;if(l!==0)return`${l} of ${i.length} checks incomplete`}function Yt(t,e){const r=e==null?void 0:e.type;if(typeof r=="string"&&!(t==null||t===""))switch(r){case"string":return typeof t=="string"?void 0:"Expected text";case"number":return typeof t=="number"&&Number.isFinite(t)?void 0:"Expected a number";case"integer":return typeof t=="number"&&Number.isInteger(t)?void 0:"Expected a whole number";case"boolean":return typeof t=="boolean"?void 0:"Expected true or false";case"array":return Array.isArray(t)?void 0:"Expected a list";case"object":return typeof t=="object"&&!Array.isArray(t)?void 0:"Expected an object";default:return}}function zt(t,e,r){if(!e)return;const s=mt(e,r);if(s!==void 0&&t!==void 0&&t!==null&&t!==""){if(s.length===0)return"No valid options for this selection";if(!s.some(i=>i.value===t))return`Must be one of: ${s.map(i=>String(i.value)).join(", ")}`}if(typeof t=="string"){const i=t.trim();if(i==="")return;const o=X(e.minLength,e["x-lt-min-length"],r);if(o!==void 0&&i.length<o)return`Minimum ${o} character${o===1?"":"s"}`;const l=X(e.maxLength,e["x-lt-max-length"],r);if(l!==void 0&&i.length>l)return`Maximum ${l} characters (${i.length} entered)`;const c=e.pattern;if(c)try{if(!new RegExp(c).test(i))return e["x-lt-pattern-error"]??"Invalid format"}catch{}const d=e.format;if(d==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return"Enter a valid email address";if(d==="uri"&&!/^https?:\/\/.+/.test(i))return"Enter a valid URL"}if(typeof t=="number"){const i=X(e.minimum,e["x-lt-minimum"],r),o=X(e.exclusiveMinimum,void 0,r),l=X(e.maximum,e["x-lt-maximum"],r),c=X(e.exclusiveMaximum,void 0,r);if(i!==void 0&&t<i)return`Minimum value is ${i}`;if(o!==void 0&&t<=o)return`Must be greater than ${o}`;if(l!==void 0&&t>l)return`Maximum value is ${l}`;if(c!==void 0&&t>=c)return`Must be less than ${c}`}}function X(t,e,r){if(typeof t=="number")return t;if(typeof e=="string"&&r){const s=e.indexOf(".");if(s!==-1){const i=e.slice(0,s),o=e.slice(s+1),l=r[i];if(l&&typeof l=="object"){const c=o.split(".");let d=l;for(const u of c)if(d=d[u],d===void 0)break;if(typeof d=="number")return d;if(typeof d=="string"){const u=Number(d);if(!Number.isNaN(u))return u}}}}}function Gt(t,e,r,s,i){if(!s)return;if(r){if(t==null||typeof t=="boolean"&&!t||typeof t=="string"&&t.trim()==="")return"Required";if(typeof t=="object"&&!Array.isArray(t)&&t!==null){const c=Object.values(t);if(c.length===0||c.every(d=>!d))return"Required"}}const o=Yt(t,e);if(o)return o;const l=Xt(t,e,i);return l||zt(t,e,i)}function dt(t){return t!=null&&t!==""&&t!==!1&&t!==0}function Qt(t){return t==null?"":typeof t=="object"?JSON.stringify(t):String(t)}function xt(t,e){const r=t.indexOf("."),s=r===-1?t:t.slice(0,r);if(!Tt.includes(s))return{known:!1,value:void 0};const i=e[s];if(r===-1)return{known:!0,value:i};try{return{known:!0,value:et(i,t.slice(r+1))}}catch{return{known:!0,value:void 0}}}function jt(t,e){if(Array.isArray(t))return t.every(d=>jt(d,e));if(typeof t!="string"||t.length===0||!e)return!0;const r=t.startsWith("!"),s=r?t.slice(1):t,i=s.indexOf("!="),o=s.indexOf("=");if(i!==-1||o!==-1&&o!==i+1){const d=i!==-1&&(o===-1||i<o),u=d?i:o,a=s.slice(0,u).trim(),g=s.slice(u+(d?2:1)).trim(),{known:x,value:y}=xt(a,e);if(!x)return!0;const w=Qt(y)===g,b=d?!w:w;return r?!b:b}const{known:l,value:c}=xt(s,e);return l?r?!dt(c):dt(c):!0}const Vt=2600;function Zt({hint:t,onLockedClick:e,children:r}){const[s,i]=v.useState(null);v.useEffect(()=>{if(!s)return;const l=setTimeout(()=>i(null),Vt);return()=>clearTimeout(l)},[s]);const o=l=>{if(e==null||e(),t){const c=Math.min(Math.max(l.clientX,96),window.innerWidth-96);i(d=>({x:c,y:l.clientY,n:((d==null?void 0:d.n)??0)+1}))}};return n.jsxs("div",{className:"pb-8 max-w-form",onClick:o,"data-testid":"locked-form-frame",children:[r,t&&s&&n.jsxs("div",{role:"status",className:"fixed z-[60] pointer-events-none flex items-center gap-2 px-3 py-1.5 rounded-md bg-surface-raised border border-surface-border shadow-lg text-xs font-medium text-text-primary whitespace-nowrap animate-[click-hint_2.6s_ease-in-out_both]",style:{left:s.x,top:s.y-12},onAnimationEnd:()=>i(null),"data-testid":"locked-form-hint",children:[n.jsx(At,{className:"w-3.5 h-3.5 text-accent shrink-0",strokeWidth:1.5}),t]},s.n)]})}function E({children:t,isRequired:e,htmlFor:r}){return n.jsxs("label",{htmlFor:r,className:"block text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[t,e&&n.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})}function W({id:t,children:e}){return n.jsx("p",{id:t,className:"text-2xs text-text-tertiary mt-0.5 leading-snug",children:e})}function H({error:t,id:e}){return t?n.jsx("p",{id:e,role:"alert",className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:t}):null}function z(t){return t?"input text-sm w-full mt-1 border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"input text-sm w-full mt-1"}function Bt(t){return t?"select text-sm mt-1 min-w-[min(16rem,100%)] max-w-full border-status-error/50 focus:border-status-error animate-[field-shake_0.4s_ease-in-out]":"select text-sm mt-1 min-w-[min(16rem,100%)] max-w-full"}function Kt({fieldKey:t,value:e,onChange:r,schema:s,isRequired:i}){const o=v.useRef(null),l=(s==null?void 0:s.accept)??void 0,c=U(t,s),d=s==null?void 0:s.description,u=v.useCallback(g=>{var w;const x=(w=g.target.files)==null?void 0:w[0];if(!x)return;const y=new FileReader;y.onload=()=>{typeof y.result=="string"&&r(y.result)},y.readAsDataURL(x)},[r]),a=e.startsWith("data:");return n.jsxs("div",{children:[n.jsx(E,{isRequired:i,children:c}),d&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:d}),n.jsxs("div",{className:"mt-1",children:[n.jsx("input",{ref:o,type:"file",accept:l,onChange:u,className:"hidden"}),n.jsx("button",{type:"button",onClick:()=>{var g;return(g=o.current)==null?void 0:g.click()},className:"btn-secondary text-xs px-3 py-1.5",children:a?"Replace file":"Choose file"}),a&&n.jsx("span",{className:"ml-2 text-xs text-status-success",children:"File attached"})]})]})}function St({fieldKey:t,value:e,onChange:r,schema:s,isRequired:i}){const o=U(t,s),l=s==null?void 0:s.description,c=(s==null?void 0:s["x-lt-language"])??"",d=v.useCallback(u=>{if(u.key==="Tab"){u.preventDefault();const a=u.currentTarget,g=a.selectionStart,x=a.selectionEnd,y=e.substring(0,g)+"  "+e.substring(x);r(y),requestAnimationFrame(()=>{a.selectionStart=a.selectionEnd=g+2})}},[e,r]);return n.jsxs("div",{children:[n.jsxs(E,{isRequired:i,children:[o,c&&n.jsx("span",{className:"ml-2 text-text-tertiary/60 normal-case font-normal",children:c})]}),l&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:l}),n.jsx("textarea",{value:e,onChange:u=>r(u.target.value),onKeyDown:d,className:"input w-full mt-1 font-mono text-xs leading-relaxed",rows:10,spellCheck:!1})]})}function te({fieldKey:t,value:e,onChange:r,schema:s,isRequired:i}){const o=v.useRef(null),[l,c]=v.useState(!1),d=U(t,s),u=s==null?void 0:s.description;v.useEffect(()=>{const b=o.current;if(!b)return;const f=b.getContext("2d");if(f&&(f.lineWidth=2,f.lineCap="round",f.strokeStyle="#1E1535",e&&e.startsWith("data:"))){const N=new Image;N.onload=()=>f.drawImage(N,0,0),N.src=e}},[]);const a=v.useCallback(b=>{const f=o.current,N=f.getBoundingClientRect(),_=N.width>0?f.width/N.width:1,p=N.height>0?f.height/N.height:1;return"touches"in b?{x:(b.touches[0].clientX-N.left)*_,y:(b.touches[0].clientY-N.top)*p}:{x:(b.clientX-N.left)*_,y:(b.clientY-N.top)*p}},[]),g=v.useCallback(b=>{var _;c(!0);const f=(_=o.current)==null?void 0:_.getContext("2d");if(!f)return;const N=a(b);f.beginPath(),f.moveTo(N.x,N.y)},[a]),x=v.useCallback(b=>{var _;if(!l)return;const f=(_=o.current)==null?void 0:_.getContext("2d");if(!f)return;const N=a(b);f.lineTo(N.x,N.y),f.stroke()},[l,a]),y=v.useCallback(()=>{c(!1);const b=o.current;b&&r(b.toDataURL("image/png"))},[r]),w=v.useCallback(()=>{const b=o.current;if(!b)return;const f=b.getContext("2d");f&&(f.clearRect(0,0,b.width,b.height),r(""))},[r]);return n.jsxs("div",{children:[n.jsx(E,{isRequired:i,children:d}),u&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:u}),n.jsx("div",{className:"mt-1 max-w-[25rem] border border-surface-border rounded-md overflow-hidden bg-white",children:n.jsx("canvas",{ref:o,width:400,height:150,className:"w-full cursor-crosshair touch-none",onMouseDown:g,onMouseMove:x,onMouseUp:y,onMouseLeave:y,onTouchStart:g,onTouchMove:x,onTouchEnd:y})}),n.jsx("button",{type:"button",onClick:w,className:"mt-1 text-2xs text-text-tertiary hover:text-accent transition-colors",children:"Clear"})]})}function ee({fieldKey:t,value:e,onChange:r,schema:s,isRequired:i}){const o=U(t,s),l=s==null?void 0:s.description;return n.jsxs("div",{children:[n.jsx(E,{isRequired:i,children:o}),l&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:l}),n.jsx("textarea",{value:e,onChange:c=>r(c.target.value),className:"input w-full mt-1 text-sm leading-relaxed",rows:8,placeholder:"Supports plain text. Markdown formatting is preserved."})]})}function ne({fieldKey:t,value:e,onChange:r,schema:s,isRequired:i}){const[o,l]=v.useState("write"),c=U(t,s),d=s==null?void 0:s.description;return(s==null?void 0:s.readOnly)===!0?n.jsx(lt,{content:e,className:"my-1"}):n.jsxs("div",{children:[n.jsxs("div",{className:"flex items-center justify-between",children:[n.jsx(E,{isRequired:i,children:c}),n.jsx("div",{className:"flex items-center gap-0.5",children:["write","preview"].map(a=>n.jsx("button",{type:"button",onClick:()=>l(a),className:`px-2 py-0.5 text-2xs rounded transition-colors ${o===a?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:a==="write"?"Write":"Preview"},a))})]}),d&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:d}),o==="write"?n.jsx("textarea",{value:e,onChange:a=>r(a.target.value),className:"input w-full mt-1 text-sm font-mono leading-relaxed",rows:10,placeholder:"Write markdown — headings, lists, tables, code blocks, and links all render."}):n.jsx("div",{className:"mt-1 px-3 py-2 border border-surface-border rounded min-h-[120px]",children:e.trim()?n.jsx(lt,{content:e}):n.jsx("p",{className:"text-xs text-text-quaternary italic",children:"Nothing to preview."})})]})}const se=28;function re({fieldKey:t,value:e,onChange:r,schema:s,escalationContext:i,isRequired:o,submitAttempted:l,error:c}){const d=(s==null?void 0:s["x-lt-require-all"])===!0,u=it(s==null?void 0:s["x-lt-source"],i);let a={};try{e&&(a=JSON.parse(e))}catch{}const g=(()=>{const p=Jt(s,a,i);return p?JSON.stringify(p):null})();v.useEffect(()=>{g&&r(g)},[g]);const x=p=>r(JSON.stringify({...a,[p]:!a[p]})),y=U(t,s),w=s==null?void 0:s.description;if(u.length===0)return n.jsxs(n.Fragment,{children:[n.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"No checklist items. None of the field's x-lt-source paths resolved on this escalation."}),c&&n.jsx("p",{className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:c})]});const b=s==null?void 0:s["x-lt-variant"],f=b==="chips"||b==="rows"?b:d||u.some(p=>p.label.length>se)?"rows":"chips",N=u.filter(p=>a[p.id]).length,_=(u.find(p=>!a[p.id]&&p.required!==!1)??u[0]).id;return n.jsxs("div",{role:"group","aria-label":y,"aria-required":o||void 0,"aria-invalid":c?!0:void 0,children:[n.jsx(E,{isRequired:o,children:y}),w&&n.jsx(W,{children:w}),f==="chips"?n.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:u.map(p=>{const $=a[p.id]??!1,C=!$&&!!l&&N===0&&(p.required||o);return n.jsxs("label",{className:`inline-flex items-center gap-1.5 cursor-pointer select-none px-3.5 py-2 text-sm border transition-colors rounded-[var(--lt-radius-field)] ${$?"bg-accent border-accent text-text-inverse":C?"bg-surface-field border-status-error/60 text-status-error":"bg-surface-field border-surface-field-border text-text-secondary hover:border-accent hover:text-text-primary"}`,children:[n.jsx("input",{type:"checkbox",checked:$,onChange:()=>x(p.id),className:"sr-only","data-testid":`checklist-item-${p.id}`,...p.id===_?{"data-field-key":t}:{}}),$&&n.jsx(Et,{className:"w-3.5 h-3.5 shrink-0",strokeWidth:2.5}),p.label]},p.id)})}):n.jsx("div",{className:"space-y-2.5 mt-2",children:u.map(p=>{const $=a[p.id]??!1,C=!$&&!!l&&(d?p.required!==!1:N===0&&(p.required||o));return n.jsxs("label",{className:`flex items-start gap-3 cursor-pointer group select-none rounded px-2 py-1 -mx-2 transition-colors ${C?"bg-status-error/5":"hover:bg-surface-hover"}`,children:[n.jsx("input",{type:"checkbox",checked:$,onChange:()=>x(p.id),className:`mt-0.5 w-3.5 h-3.5 shrink-0 rounded ${C?"accent-status-error":"accent-accent"}`,"data-testid":`checklist-item-${p.id}`,...p.id===_?{"data-field-key":t}:{}}),n.jsxs("span",{className:`text-sm leading-snug transition-colors ${C?"text-status-error":"text-text-secondary group-hover:text-text-primary"}`,children:[p.label,p.required&&n.jsx("span",{className:`ml-0.5 text-2xs ${C?"text-status-error":"text-text-quaternary"}`,children:"*"})]})]},p.id)})}),n.jsx("p",{className:"text-2xs text-text-quaternary mt-3 tabular-nums",children:f==="chips"?n.jsxs(n.Fragment,{children:[N," selected",o&&N===0&&!!l&&n.jsx("span",{className:"ml-1 text-text-quaternary/60",children:"(check at least one)"})]}):n.jsxs(n.Fragment,{children:[N," / ",u.length," confirmed",d?n.jsxs("span",{className:"ml-1 text-text-quaternary/60",children:["(all required",u.some(p=>p.required===!1)?" except optional":"",")"]}):o&&N===0&&!!l&&n.jsx("span",{className:"ml-1 text-text-quaternary/60",children:"(at least one required)"})]})}),c&&n.jsx("p",{role:"alert",className:"text-2xs text-status-error mt-1 animate-[field-error-in_0.3s_ease-out]",children:c})]})}const ie=/\.(png|jpe?g|gif|webp|avif|bmp|svg)(\?.*)?$/i;function oe(t){var s,i,o,l;const e=t.trim();if(!e)return{kind:"none"};const r=(i=(s=/^data:([^;,]+)[;,]/.exec(e))==null?void 0:s[1])==null?void 0:i.toLowerCase();if(r)return r.startsWith("image/")?{kind:"image",src:e}:{kind:"file",href:e,label:r==="application/pdf"?"PDF":r,isData:!0};if(/^https?:\/\//i.test(e)){if(ie.test(e))return{kind:"image",src:e};const c=(l=(o=/\.([a-z0-9]{2,5})(\?.*)?$/i.exec(e))==null?void 0:o[1])==null?void 0:l.toUpperCase();return{kind:"file",href:e,label:c??"attachment",isData:!1}}return{kind:"none"}}function ut({fieldKey:t,value:e,schema:r}){const[s,i]=v.useState(!1),o=oe(e??""),l=t.replace(/[_-]/g," "),c=r==null?void 0:r.description,d=n.jsxs(n.Fragment,{children:[n.jsx("label",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:l}),c&&n.jsx("p",{className:"text-2xs text-text-tertiary mt-0.5",children:c})]});return o.kind==="none"?n.jsxs("div",{children:[d,n.jsx("p",{className:"text-xs text-text-quaternary italic mt-1",children:"No attachment"})]}):o.kind==="image"?n.jsxs("div",{children:[d,n.jsxs("div",{className:"mt-1",children:[n.jsx("button",{type:"button",onClick:()=>i(!0),className:"block rounded-[0.125em] border border-surface-border overflow-hidden hover:border-accent transition-colors",title:"View full size",children:n.jsx("img",{src:o.src,alt:t.replace(/[_-]/g," "),className:"max-h-48 max-w-full object-contain","data-testid":`attachment-image-${t}`})}),s&&n.jsx("div",{className:"fixed inset-0 z-[100] bg-text-primary/60 backdrop-blur-sm flex items-center justify-center p-8 cursor-zoom-out",onClick:()=>i(!1),role:"dialog","aria-modal":"true","aria-label":`${l} — full size`,children:n.jsx("img",{src:o.src,alt:l,className:"max-h-[90vh] max-w-[90vw] object-contain"})})]})]}):n.jsxs("div",{children:[d,n.jsx("div",{className:"mt-1",children:n.jsxs("a",{href:o.href,...o.isData?{download:`${t}.${o.label==="PDF"?"pdf":"bin"}`}:{target:"_blank",rel:"noopener noreferrer"},className:"inline-flex items-center gap-1.5 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`attachment-link-${t}`,children:[n.jsx(_t,{className:"w-3.5 h-3.5",strokeWidth:1.5}),o.isData?`Download ${o.label}`:`Open ${o.label}`,o.isData?n.jsx(Ot,{className:"w-3 h-3",strokeWidth:1.5}):n.jsx(K,{className:"w-3 h-3",strokeWidth:1.5})]})})]})}function ae({fieldKey:t,schema:e,escalationContext:r}){const s=(e==null?void 0:e["x-lt-href"])??"",i=s&&r?Y(s,r):s,o=(e==null?void 0:e.title)??(e==null?void 0:e.description)??"Open",l=e==null?void 0:e.description,c=i.startsWith("/"),d=!i.trim();return n.jsxs("div",{"data-field-key":t,children:[n.jsx(E,{children:o}),l&&n.jsx(W,{children:l}),n.jsx("div",{className:"mt-1",children:d?n.jsx("span",{className:"text-xs text-text-quaternary italic",children:"No link configured"}):c?n.jsxs(gt,{to:i,className:"inline-flex items-center gap-1 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`link-widget-${t}`,children:[o,n.jsx(K,{className:"w-3 h-3 shrink-0",strokeWidth:1.5})]}):n.jsxs("a",{href:i,target:"_blank",rel:"noreferrer",className:"inline-flex items-center gap-1 text-xs text-accent hover:text-accent-hover transition-colors","data-testid":`link-widget-${t}`,children:[o,n.jsx(K,{className:"w-3 h-3 shrink-0",strokeWidth:1.5})]})})]})}function yt({to:t,className:e=""}){return n.jsxs(gt,{to:t,title:"View details",tabIndex:-1,className:`inline-flex items-center justify-center w-6 h-6 shrink-0 rounded border border-surface-border text-accent/70 hover:text-accent hover:border-accent/60 hover:bg-accent/5 transition-colors ${e}`,children:[n.jsx($t,{className:"w-3.5 h-3.5",strokeWidth:2}),n.jsx("span",{className:"sr-only",children:"View details"})]})}const pt="—";function le(t,e){if(!t||!e)return"";const r=t.indexOf(".");if(r===-1)return"";const s=t.slice(0,r),i=t.slice(r+1);try{const o=et(e[s],i);return typeof o=="string"?o:""}catch{return""}}function ce(t,e){if(!t||t===pt)return pt;if(e==="age"){const r=new Date(t);return Number.isNaN(r.getTime())?t:st(t)}return t}function de({fieldKey:t,schema:e,escalationContext:r}){const s=e==null?void 0:e["x-lt-source"],i=(e==null?void 0:e["x-lt-fields"])??[],o=(e==null?void 0:e.title)??"Linked escalation",l=e==null?void 0:e.description,c=le(s,r),{data:d,isLoading:u,isError:a}=Dt(c);return n.jsxs("div",{"data-field-key":t,children:[n.jsx(E,{children:o}),l&&n.jsx(W,{children:l}),n.jsx("div",{className:"mt-1",children:!c||a?n.jsx("p",{className:"text-xs text-text-quaternary italic","data-testid":`escalation-widget-empty-${t}`,children:"No linked record"}):u?n.jsx(ue,{}):d?n.jsx(xe,{esc:d,fields:i,fieldKey:t}):n.jsx("p",{className:"text-xs text-text-quaternary italic",children:"No linked record"})})]})}function xe({esc:t,fields:e,fieldKey:r}){if(!t)return null;const s=nt(t);return n.jsxs("div",{className:"border-l-2 border-accent-faint pl-3 py-2 space-y-2","data-testid":`escalation-widget-card-${r}`,children:[n.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[n.jsxs("span",{className:"text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[t.type,t.subtype&&t.subtype!==t.type?` · ${t.subtype}`:""]}),n.jsx(Lt,{status:t.status})]}),t.description&&n.jsx("p",{className:"text-xs text-text-primary leading-snug",children:t.description}),e.length>0&&n.jsx("dl",{className:"grid grid-cols-[auto_1fr] gap-x-4 gap-y-0.5",children:e.map(i=>{const o=Y(i.value,s),l=ce(o,i.format);return n.jsxs("div",{className:"contents",children:[n.jsx("dt",{className:"text-2xs text-text-tertiary whitespace-nowrap",children:i.label}),n.jsx("dd",{className:"text-2xs text-text-primary",children:l})]},i.label)})}),n.jsxs("div",{className:"flex items-center justify-between gap-2",children:[n.jsxs("span",{className:"text-2xs text-text-quaternary",children:[t.role," · ",st(t.created_at)]}),n.jsx(yt,{to:`/escalations/detail/${t.id}`})]})]})}function ue(){return n.jsxs("div",{className:"border-l-2 border-accent-faint pl-3 py-2 space-y-2 animate-pulse",children:[n.jsx("div",{className:"h-3 w-32 bg-surface-sunken rounded"}),n.jsx("div",{className:"h-3 w-48 bg-surface-sunken rounded"}),n.jsx("div",{className:"h-3 w-24 bg-surface-sunken rounded"})]})}function pe(t,e){if(!t)return{};const r={};for(const[s,i]of Object.entries(t))r[s]=typeof i=="string"?Y(i,e):i;return r}function fe(t,e,r){const s=pe(t.facets,e),i={role:t.role,status:t.status??"pending",facets:s,limit:t.limit,enabled:!!(t.role||Object.keys(s).length)};return t.assigned==="me"?{...i,assigned_to:r,available:!1,enabled:i.enabled&&!!r}:t.assigned==="any"?i:{...i,available:t.available??!0}}const ge=[{label:"Description",value:"{{escalation.description}}"},{label:"Role",value:"{{escalation.role}}"},{label:"Age",value:"{{escalation.created_at}}",format:"age"}],ft="—";function be(t,e){if(!t||t===ft)return ft;if(e==="age"){const r=new Date(t);return Number.isNaN(r.getTime())?t:st(t)}return t}function tt(t,e){return typeof t=="string"?Y(t,e):Array.isArray(t)?t.map(r=>tt(r,e)):t&&typeof t=="object"?Object.fromEntries(Object.entries(t).map(([r,s])=>[r,tt(s,e)])):t}function me({fieldKey:t,schema:e,escalationContext:r}){const s=(e==null?void 0:e["x-lt-query"])??{},i=(e==null?void 0:e["x-lt-columns"])??ge,o=(e==null?void 0:e["x-lt-actions"])??[],l=(e==null?void 0:e.title)??"Related items",c=e==null?void 0:e.description,d=r??{},{user:u}=Mt(),a=fe(s,d,u==null?void 0:u.userId),{data:g,isLoading:x}=It({role:a.role,status:a.status,facets:a.facets,assigned_to:a.assigned_to,available:a.available,limit:a.limit??5,enabled:a.enabled,include:Ft({columns:i,actions:o})?"envelope":void 0}),y=(g==null?void 0:g.escalations)??[],w=Wt(),[b,f]=v.useState({}),[N,_]=v.useState(null),p=async($,C)=>{const R=nt($);if(!(C.confirm&&!window.confirm(Y(C.confirm,R)))){_($.id),f(I=>({...I,[$.id]:""}));try{await w.mutateAsync({id:$.id,resolverPayload:tt(C.resolverPayload,R)})}catch(I){f(P=>({...P,[$.id]:I.message}))}finally{_(null)}}};return n.jsxs("div",{"data-field-key":t,children:[n.jsx(E,{children:l}),c&&n.jsx(W,{children:c}),n.jsx("div",{className:"mt-1","data-testid":`escalation-list-widget-${t}`,children:x?n.jsx(ye,{columns:i.length}):n.jsx(je,{escalations:y,columns:i,fieldKey:t,actions:o,onAction:p,pendingRow:N,rowErrors:b})})]})}function je({escalations:t,columns:e,fieldKey:r,actions:s,onAction:i,pendingRow:o,rowErrors:l}){return t.length===0?n.jsx("p",{className:"text-xs text-text-quaternary italic py-1","data-testid":`escalation-list-empty-${r}`,children:"No items found"}):n.jsxs("table",{className:"w-full text-xs border-collapse","data-testid":`escalation-list-table-${r}`,children:[n.jsx("thead",{children:n.jsxs("tr",{className:"border-b border-surface-border",children:[e.map(c=>n.jsx("th",{className:"text-left text-2xs font-semibold uppercase tracking-wider text-text-tertiary pb-1 pr-3 last:pr-0",children:c.label},c.label)),s.length>0&&n.jsx("th",{className:"w-px"}),n.jsx("th",{className:"w-8"})]})}),n.jsx("tbody",{children:t.map(c=>{const d=nt(c),u=l[c.id];return n.jsxs("tr",{className:"border-b border-surface-border/50 last:border-0 hover:bg-surface-sunken/50 transition-colors",children:[e.map(a=>{const g=Y(a.value,d),x=be(g,a.format);return n.jsx("td",{className:"py-1 pr-3 last:pr-0 text-text-primary align-top",children:x},a.label)}),s.length>0&&n.jsxs("td",{className:"py-1 pr-2 align-top whitespace-nowrap",children:[s.map(a=>n.jsx("button",{type:"button",onClick:()=>i(c,a),disabled:o===c.id,className:"px-2 py-0.5 text-2xs font-medium text-accent border border-accent/40 rounded hover:bg-accent/10 disabled:opacity-40 disabled:cursor-default transition-colors ml-1 first:ml-0","data-testid":`escalation-list-action-${c.id}`,children:a.label},a.label)),u&&n.jsx("p",{className:"text-2xs text-status-error mt-0.5 whitespace-normal max-w-[16rem]","data-testid":`escalation-list-action-error-${c.id}`,children:u})]}),n.jsx("td",{className:"py-1 pl-2 align-top",children:n.jsx(yt,{to:`/escalations/detail/${c.id}`})})]},c.id)})})]})}function ye({columns:t}){return n.jsx("div",{className:"space-y-1.5 animate-pulse",children:[0,1,2].map(e=>n.jsx("div",{className:"flex gap-4",children:Array.from({length:t},(r,s)=>n.jsx("div",{className:"h-3 bg-surface-sunken rounded flex-1"},s))},e))})}const Z={"file-upload":Kt,"code-editor":St,signature:te,"rich-text":ee,markdown:ne,checklist:re,attachment:ut,image:ut,link:ae,escalation:de,"escalation-list":me};function ht({fieldKey:t,value:e,onChange:r,onBlur:s,schema:i,isRequired:o,isReadOnly:l,error:c,escalationContext:d,submitAttempted:u}){var P;const a=(P=i==null?void 0:i.properties)==null?void 0:P[t],g=U(t,a),x=a==null?void 0:a["x-lt-widget"],y=`lt-field-${t}`,w=`${y}-error`,b=`${y}-help`,f=typeof(a==null?void 0:a.description)=="string"&&a.description.length>0?a.description:void 0,p={id:y,"aria-required":o||void 0,"aria-invalid":c?!0:void 0,"aria-describedby":c?w:f!==void 0?b:void 0},$=x==="markdown"&&typeof e=="string",C=(x==="attachment"||x==="image")&&typeof e=="string",R=!!(x&&x in Z);if(l&&!$&&!C&&!R){const A=e===null?"null":typeof e=="object"?JSON.stringify(e,null,2):String(e);return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,children:g}),n.jsx("p",{className:"text-sm text-text-secondary mt-0.5 whitespace-pre-wrap",children:A})]})}if(x&&x in Z){const A=Z[x],O=o||(a==null?void 0:a["x-lt-require-all"])===!0,k={fieldKey:t,schema:a,escalationContext:d,isRequired:O,submitAttempted:u,error:c};if((a==null?void 0:a.type)==="object"){const T=typeof e=="string"?e:typeof e=="object"&&e!==null&&!Array.isArray(e)?JSON.stringify(e):"";return n.jsx(A,{...k,value:T,onChange:F=>{try{r(JSON.parse(F))}catch{r(F)}}})}if(typeof e=="string")return n.jsx(A,{...k,value:e,onChange:T=>r(T)});if(typeof e=="object"&&e!==null&&!Array.isArray(e))return n.jsx(A,{...k,value:JSON.stringify(e),onChange:T=>{try{r(JSON.parse(T))}catch{r(T)}}})}const I=mt(a,d);if(I&&(e===null||typeof e=="string"||typeof e=="number")){const A=e===null?"":String(e),O=I.some(k=>String(k.value)===A);return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsxs("select",{value:O?A:"",disabled:I.length===0,onChange:k=>{const T=I.find(F=>String(F.value)===k.target.value);r(T?T.value:k.target.value)},onBlur:s,"data-field-key":t,className:Bt(!!c),...p,children:[!O&&n.jsx("option",{value:"",disabled:!0,children:"Choose…"}),I.map(k=>n.jsx("option",{value:String(k.value),children:k.label},String(k.value)))]}),n.jsx(H,{error:c,id:w})]})}if(typeof e=="boolean")return n.jsxs("div",{children:[n.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[n.jsx("input",{type:"checkbox",checked:e,onChange:A=>{r(A.target.checked),s==null||s()},className:"w-3.5 h-3.5 rounded accent-accent","data-field-key":t,...p}),n.jsxs("span",{className:"text-2xs font-semibold uppercase tracking-wider text-text-secondary",children:[g,o&&n.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})]}),f&&n.jsx(W,{id:b,children:f}),n.jsx(H,{error:c,id:w})]});if(typeof e=="number")return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsx("input",{type:"number",value:e,onChange:A=>r(parseFloat(A.target.value)||0),onBlur:s,step:"any","data-field-key":t,className:`${z(!!c)} max-w-48`,...p}),n.jsx(H,{error:c,id:w})]});if(typeof e=="string"){if((a==null?void 0:a.format)==="password")return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsx("input",{type:"password",value:e,onChange:F=>r(F.target.value),onBlur:s,"data-field-key":t,className:z(!!c),autoComplete:"off",...p}),n.jsx(H,{error:c,id:w})]});const O=a==null?void 0:a.format,k={date:"date","date-time":"datetime-local",email:"email",uri:"url"},T={date:"max-w-48","date-time":"max-w-64"};if(O&&O in k)return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsx("input",{type:k[O],value:e,onChange:F=>r(F.target.value),onBlur:s,"data-field-key":t,className:`${z(!!c)} ${T[O]??""}`,...p}),n.jsx(H,{error:c,id:w})]});if(O==="textarea"||e.length>80){const F=a==null?void 0:a.maxLength,J=a==null?void 0:a["x-lt-max-length"];let M=F;if(M===void 0&&J&&d){const q=J.indexOf(".");if(q!==-1){const G=J.slice(0,q),Q=J.slice(q+1),m=d[G];if(m&&typeof m=="object"){let h=m;for(const j of Q.split("."))if(h=h[j],h===void 0)break;if(typeof h=="number")M=h;else if(typeof h=="string"){const j=Number(h);Number.isNaN(j)||(M=j)}}}}const V=M!==void 0&&e.length>M;return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsx("textarea",{value:e,onChange:q=>{r(q.target.value),s==null||s()},onBlur:s,"data-field-key":t,className:`${z(!!c)} leading-relaxed`,rows:Math.min(6,Math.max(3,Math.ceil(e.length/60))),...p}),M!==void 0&&n.jsxs("p",{className:`text-2xs mt-0.5 text-right tabular-nums ${V?"text-status-error font-medium":"text-text-quaternary"}`,children:[e.length," / ",M]}),n.jsx(H,{error:c,id:w})]})}return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,htmlFor:y,children:g}),f&&n.jsx(W,{id:b,children:f}),n.jsx("input",{type:"text",value:e,onChange:F=>r(F.target.value),onBlur:s,"data-field-key":t,className:z(!!c),...p}),n.jsx(H,{error:c,id:w})]})}if(e===null)return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,children:g}),n.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"null"})]});if(Array.isArray(e))return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,children:g}),n.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:e.map((A,O)=>n.jsx("span",{className:"px-2 py-0.5 text-2xs font-mono bg-surface-sunken rounded text-text-secondary",children:String(A)},O))})]});if(typeof e=="object"){const A=Object.entries(e);return n.jsxs("div",{children:[n.jsx(E,{isRequired:o,children:g}),n.jsx("div",{className:"ml-4 mt-2 pl-4 border-l border-accent-faint space-y-3",children:A.map(([O,k])=>n.jsx(ht,{fieldKey:O,value:k,onChange:T=>r({...e,[O]:T})},O))})]})}return null}function he({items:t,columns:e=1}){if(t.length===0)return null;const r=e>=2&&t.length>1?"grid-cols-1 @dict-inline:grid-cols-[max-content_1fr] @dict-pairs:grid-cols-[max-content_1fr_max-content_1fr]":"grid-cols-1 @dict-inline:grid-cols-[max-content_1fr]";return n.jsx("div",{className:"@container",children:n.jsx("dl",{className:`grid ${r} items-baseline gap-x-6 @dict-pairs:gap-x-8 gap-y-1.5`,children:t.map(({key:s,label:i,value:o})=>n.jsxs(v.Fragment,{children:[n.jsx("dt",{className:"text-2xs font-semibold uppercase tracking-wide text-text-secondary mt-2 first:mt-0 @dict-inline:mt-0",children:i}),n.jsx("dd",{className:"text-sm text-text-primary break-words min-w-0","data-field-key":s,children:Ne(o)})]},s))})})}function Ne(t){return t==null||t===""?"—":typeof t=="boolean"?t?"Yes":"No":typeof t=="object"?JSON.stringify(t):String(t)}const B="dictionary",ve=new Set(["markdown","attachment","image"]);function Nt(t,e){if(!e)return;const r=t==null?void 0:t["x-lt-section-options"],s=r==null?void 0:r[e];return s&&typeof s=="object"?s:void 0}function we(t,e,r){var c,d;const s=(c=t==null?void 0:t.properties)==null?void 0:c[r];if((s==null?void 0:s.readOnly)!==!0)return!1;const i=s==null?void 0:s["x-lt-widget"];if(typeof i=="string"&&ve.has(i))return!1;const o=s==null?void 0:s["x-lt-display"];if(typeof o=="string")return o===B;const l=(d=Nt(t,e))==null?void 0:d.display;return typeof l=="string"?l===B:(t==null?void 0:t["x-lt-display"])===B}function ke(t,e,r,s){var o;const i=[];for(const l of t){const[c]=l,d=i[i.length-1];if(we(e,r,c)){(d==null?void 0:d.kind)==="dictionary"?d.entries.push(l):i.push({kind:"dictionary",entries:[l]});continue}const u=(o=e==null?void 0:e.properties)==null?void 0:o[c],a=u==null?void 0:u["x-lt-column-group"];if(s==="two-column"&&typeof a=="string"&&a.trim()){(d==null?void 0:d.kind)==="column-group"&&d.name===a?d.entries.push(l):i.push({kind:"column-group",name:a,entries:[l]});continue}i.push({kind:"field",entry:l})}return i}function Ae({name:t,entries:e,formSchema:r,layout:s,renderField:i}){const o=ke(e,r,t,s),l=Nt(r,t),c=(l==null?void 0:l.columns)??(s==="two-column"?2:1),d=a=>a.map(([g,x])=>{var y;return{key:g,label:U(g,(y=r==null?void 0:r.properties)==null?void 0:y[g]),value:x}}),u=()=>o.map((a,g)=>a.kind==="dictionary"?n.jsx("div",{className:s==="two-column"?"col-span-full":"",children:n.jsx(he,{items:d(a.entries),columns:c})},`dict-${g}`):a.kind==="column-group"?n.jsx("div",{className:"@container",children:n.jsx("div",{className:"grid grid-cols-1 @grp-cols:grid-cols-2 gap-x-4 gap-y-5",children:a.entries.map(x=>i(x))})},`group-${a.name}-${g}`):i(a.entry));return n.jsxs("div",{className:t?"border border-surface-border bg-surface-sunken rounded-[var(--lt-radius-section)] p-4 animate-[section-enter_0.25s_ease-out]":"",children:[t&&n.jsx("p",{className:"mb-4 text-[1.40625rem] font-semibold tracking-wider text-heading [font-variant-caps:small-caps]",children:t}),s==="two-column"?n.jsx("div",{className:"@container",children:n.jsx("div",{className:"grid grid-cols-1 @form-cols:grid-cols-2 gap-x-col-gap gap-y-5",children:u()})}):n.jsx("div",{className:"space-y-5",children:u()})]})}function Fe({value:t,onChange:e,disabled:r,submitAttempted:s,escalationContext:i,onOpenHelp:o,onDisabledClick:l,disabledHint:c}){var G,Q;const[d,u]=v.useState({}),[a,g]=v.useState({}),[x,y]=v.useState(null),[w,b]=v.useState(!1),[f,N]=v.useState(new Set);v.useEffect(()=>{try{const m=JSON.parse(t);if(typeof m=="object"&&m!==null&&!Array.isArray(m)){const h={},j={};for(const[D,L]of Object.entries(m))D.startsWith("_")?j[D]=L:h[D]=L;u(h),g(j),y(j._form_schema&&typeof j._form_schema=="object"?j._form_schema:null),b(!1)}}catch{b(!0)}},[t]);const _=v.useCallback(m=>{u(m),e(JSON.stringify({...m,...a},null,2))},[a,e]),p=v.useCallback((m,h)=>{_({...d,[m]:h})},[d,_]),$=v.useCallback(m=>{N(h=>{if(h.has(m))return h;const j=new Set(h);return j.add(m),j})},[]);if(w)return n.jsx("p",{className:"text-xs text-status-error",children:"Unable to parse resolver data as form. Use the JSON editor below."});const C=Object.entries(d);if(C.length===0)return n.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No resolver fields defined."});const R=x==null?void 0:x["x-lt-order"],I=R?[...C].sort((m,h)=>{const j=R.indexOf(m[0]),D=R.indexOf(h[0]);return(j===-1?1/0:j)-(D===-1?1/0:D)}):C,P={...i??{},resolver:d,input:d},A=I.filter(([m,h])=>{var D;const j=(D=x==null?void 0:x.properties)==null?void 0:D[m];return!(!jt(j==null?void 0:j["x-lt-showIf"],P)||(j==null?void 0:j["x-lt-hide-if-empty"])===!0&&(h==null||h===""||h===!1||h===0))}),O=new Set((x==null?void 0:x.required)??[]),k=x==null?void 0:x["x-lt-layout"],T=x==null?void 0:x.title,F=x==null?void 0:x.description,J=typeof(x==null?void 0:x["x-lt-help"])=="string"||typeof(x==null?void 0:x["x-lt-context"])=="string",M=[];for(const m of A){const[h]=m,j=(G=x==null?void 0:x.properties)==null?void 0:G[h],D=((Q=j==null?void 0:j["x-lt-section"])==null?void 0:Q.trim())||null,L=M[M.length-1];!L||L.name!==D?M.push({name:D,entries:[m]}):L.entries.push(m)}const V=([m,h])=>{var at;const j=(at=x==null?void 0:x.properties)==null?void 0:at[m],D=(j==null?void 0:j.readOnly)===!0,L=(j==null?void 0:j["x-lt-span"])??1,ot=O.has(m),vt=f.has(m)||!!s,wt=Gt(h,j,ot,vt,P);return n.jsx("div",{className:`animate-[field-enter_0.2s_ease-out] ${k==="two-column"&&L>=2?"col-span-full":""}`,children:n.jsx(ht,{fieldKey:m,value:h,onChange:kt=>p(m,kt),onBlur:()=>$(m),schema:x,isRequired:ot,isReadOnly:D,error:wt,escalationContext:P,submitAttempted:!!s})},m)},q=n.jsxs("div",{className:r?"pointer-events-none":void 0,inert:r||void 0,"aria-disabled":r||void 0,children:[T&&n.jsxs("div",{className:"mb-1 flex items-center gap-1.5",children:[n.jsx("h3",{className:"heading-3",children:T}),J&&o&&n.jsx("button",{type:"button",onClick:o,title:"Open instructions","aria-label":"Open instructions",className:"p-1 rounded-md text-text-tertiary hover:text-accent hover:bg-surface-hover transition-colors",children:n.jsx(Ct,{className:"w-4 h-4",strokeWidth:1.5})})]}),F&&n.jsx("p",{className:"text-sm text-text-secondary leading-relaxed mb-6",children:F}),n.jsx("div",{className:"space-y-8",children:M.map((m,h)=>n.jsx(Ae,{name:m.name,entries:m.entries,formSchema:x,layout:k,renderField:V},m.name??`__s${h}`))})]});return r?n.jsx(Zt,{hint:c,onLockedClick:l,children:q}):n.jsx("div",{className:"pb-8 max-w-form",children:q})}export{Fe as R,U as d,jt as e,fe as r,Gt as v};
+//# sourceMappingURL=ResolverForm-Dy0yirtP.js.map