@hotmeshio/long-tail 0.7.0 → 0.7.2

package/dashboard/dist/assets/index-CoGkgm9-.js

@@ -0,0 +1,6 @@
+import{a as f,j as e,b as ot}from"./vendor-query-B2UbickB.js";import{z as me,v as ye,b as H,C as ct,J as ne,j as dt,A as xt,g as ut,h as mt,B as pt,E as ht,u as ft}from"./index-D-7W2AHB.js";import{u as gt}from"./useCollapsedSections-BU5HULGs.js";import{u as jt,C as bt,a as yt}from"./CustomDurationPicker-8JHvVWD2.js";import{a as vt,b as wt,c as Nt}from"./roles-BdtnzLsL.js";import{P as kt}from"./PageHeader-BhaWTWcM.js";import{a as ze,C as je,i as _t}from"./escalation-BXTwi4J1.js";import{L as Ct}from"./ListToolbar-D4Y-M7wN.js";import{u as Tt}from"./workflows-DNPQ-j-7.js";import{g as Et}from"./useEventHooks-SfWdyc5L.js";import{U as be}from"./UserName-CoGYeig8.js";import{S as Ae}from"./StatusBadge-D9MeQHrh.js";import{R as We}from"./RolePill-Cl71eDUA.js";import{C as R}from"./CopyableId-blg-gZvT.js";import{U as Pe,a9 as St,a7 as Rt,aa as De}from"./vendor-icons-CEWCGPeJ.js";import{C as ie}from"./CollapsibleSection-DnECdKEY.js";import{L as He,e as $t,c as Mt}from"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";import"./constants-BHkpVaqx.js";import"./users-BxKf5dAX.js";const Le="lt_view_mode";function It(t){const[n,i]=f.useState(()=>{try{const s=localStorage.getItem(Le);if(s!==null)return s==="dev"}catch{}return t}),a=f.useCallback(()=>{i(s=>{const l=!s;try{localStorage.setItem(Le,l?"dev":"user")}catch{}return l})},[]);return{isDevMode:n,toggleMode:a}}const pe=4;function Oe({pct:t,place:n,label:i,title:a,emphasis:s}){const l=e.jsx("span",{className:"w-px h-1.5 bg-surface-border","aria-hidden":!0}),x=e.jsx("span",{className:`whitespace-nowrap leading-none ${s?"text-text-secondary":"text-text-tertiary"}`,children:i});return e.jsx("div",{title:a,className:`absolute ${n==="above"?"bottom-0":"top-0"} flex flex-col items-center gap-0.5 -translate-x-1/2 cursor-help`,style:{left:`${t}%`},children:n==="above"?e.jsxs(e.Fragment,{children:[x,l]}):e.jsxs(e.Fragment,{children:[l,x]})})}function At({esc:t,className:n=""}){const i=new Date(t.created_at).getTime(),a=t.claimed_at?new Date(t.claimed_at).getTime():null,s=t.status==="resolved",l=t.status==="cancelled",x=s||l,d=ze(t),r=!!a&&(d||x),o=s&&t.resolved_at?new Date(t.resolved_at).getTime():l?new Date(t.updated_at).getTime():Date.now(),c=Math.max(o-i,1),m=r&&a?Math.max(a-i,0):c,h=r&&a?Math.max(o-a,0):0,b=Math.min(100,Math.max(0,m/c*100)),u=r?Math.max(0,100-b):0,j=s?"bg-status-success":l?"bg-status-error":"bg-status-active",g=s?"Worked":l?"Open before cancel":"In progress",p=me(m),_=me(c),C=s?`Resolved in ${_} total`:l?`Cancelled after ${_}`:`Open ${_} so far (current age)`,$=`Lifecycle: amber = time spent waiting to be claimed, the colored end = ${g.toLowerCase()} after the claim. Top label is time-to-claim, bottom is total time.`;return e.jsxs("div",{className:n,title:$,children:[e.jsx("div",{className:"relative h-3.5 text-[9px] font-mono",children:r&&e.jsx(Oe,{pct:b,place:"above",label:p,title:`Time to claim: ${p} (created → claimed)`})}),e.jsxs("div",{className:"flex w-full rounded-full overflow-hidden bg-surface-sunken cursor-help",style:{height:pe},title:$,children:[e.jsx("div",{style:{width:`${b}%`,minWidth:pe},className:"bg-status-pending",title:`Waiting ${p} — created → claimed`}),r&&e.jsx("div",{style:{width:`${u}%`,minWidth:pe},className:j,title:`${g} ${me(h)} — claimed → ${s?"resolved":l?"cancelled":"now"}`})]}),e.jsx("div",{className:"relative h-3.5 text-[9px] font-mono",children:e.jsx(Oe,{pct:100,place:"below",emphasis:!0,label:_,title:C})})]})}function Wt(t){const{mode:n,activeView:i,onActiveViewChange:a,onClaim:s,claimPending:l,workflowType:x,json:d,onResolve:r,resolvePending:o,resolveError:c,requestTriage:m,triageNotes:h,currentRole:b,escalationTargets:u,onEscalate:j,escalatePending:g,escalateError:p,onRelease:_,releasePending:C,onCancel:$,assignedTo:I,assignedUntil:A,onSubmitAttempt:T}=t,E=jt(),[y,N]=f.useState("30"),[w,M]=f.useState(0),[D,W]=f.useState(""),[L,O]=f.useState(""),F=y==="custom",B=f.useCallback(v=>M(v),[]);if(n==="terminal")return null;const oe=()=>{const v=F?w:parseInt(y);!v||v<=0||s(v)},ce=()=>{if(W(""),m){const X={_lt:{needsTriage:!0}};h.trim()&&(X.notes=h.trim()),r(X);return}let v;try{v=JSON.parse(d)}catch{W("Invalid JSON");return}const z=v._form_schema,J=z==null?void 0:z.required;if(J!=null&&J.length){const X=J.filter(P=>{const V=v[P];return V==null||typeof V=="string"&&V.trim()===""});if(X.length>0){T==null||T();const P=X.map(ee=>ee.replace(/[_-]/g," ")),V=P.length<=2?P.join(", "):`${P.slice(0,2).join(", ")}...`;W(`Required: ${V}`);return}}r(v)},G=v=>`text-xs transition-colors ${v?"text-accent font-medium":"text-text-tertiary hover:text-accent"}`;return e.jsxs("div",{className:"sticky bottom-0 h-[80px] bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-3 pb-5 z-10","data-testid":"escalation-action-bar",children:[n==="available"&&e.jsxs("div",{"data-testid":"claim-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[E.map(v=>e.jsx("button",{onClick:()=>{N(v.value),M(0)},className:G(!F&&y===v.value),children:v.label},v.value)),e.jsx("button",{onClick:()=>N("custom"),className:G(F),children:"Other"})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:$,className:"text-xs text-text-tertiary hover:text-status-error transition-colors",children:"Cancel escalation"}),e.jsx("div",{className:"flex-1"}),F&&e.jsx(bt,{onChange:B,compact:!0,autoFocus:!0}),e.jsx("button",{onClick:oe,disabled:l||F&&w<=0,className:"btn-primary text-xs",children:l?"Claiming...":"Claim"})]})]}),n==="claimed_by_other"&&e.jsxs("div",{className:"flex items-center gap-4","data-testid":"claimed-other-bar",children:[e.jsxs("p",{className:"text-sm text-text-secondary",children:["Claimed by ",e.jsx("span",{className:"font-medium text-text-primary",children:I?e.jsx(be,{userId:I}):"unknown"})]}),A&&e.jsx(je,{until:A})]}),n==="claimed_by_me"&&e.jsxs("div",{"data-testid":"action-bar",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsx("button",{onClick:()=>a("resolve"),className:G(i==="resolve"),children:x?"Resolve":"Acknowledge"}),u.length>0&&e.jsx("button",{onClick:()=>a("escalate"),className:G(i==="escalate"),children:"Escalate"}),e.jsx("button",{onClick:()=>a("release"),className:`text-xs transition-colors ${i==="release"?"text-status-error font-medium":"text-text-tertiary hover:text-status-error"}`,children:"Release"}),e.jsx("button",{onClick:$,className:"text-xs transition-colors text-text-tertiary hover:text-status-error",children:"Cancel"})]}),i==="resolve"&&(x?e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"flex-1"}),D&&e.jsx("span",{className:"text-xs text-status-error",children:D}),c&&e.jsx("span",{className:"text-xs text-status-error",children:c.message}),e.jsx("button",{onClick:ce,disabled:o,className:"btn-primary text-xs",children:o?"Submitting...":m?"Send to Triage":"Submit"})]}):e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Notification — acknowledge to resolve"}),e.jsx("div",{className:"flex-1"}),c&&e.jsx("span",{className:"text-xs text-status-error mr-3",children:c.message}),e.jsx("button",{onClick:()=>r({acknowledged:!0}),disabled:o,className:"btn-primary text-xs",children:o?"Acknowledging...":"Acknowledge"})]})),i==="escalate"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-xs text-text-secondary",children:["From ",e.jsx("span",{className:"font-medium text-text-primary",children:b})," to"]}),e.jsxs("select",{value:L,onChange:v=>O(v.target.value),className:"select text-xs","data-testid":"escalate-select",children:[e.jsx("option",{value:"",children:"Select role..."}),u.map(v=>e.jsx("option",{value:v,children:v},v))]}),e.jsx("div",{className:"flex-1"}),p&&e.jsx("span",{className:"text-xs text-status-error",children:p.message}),e.jsx("button",{onClick:()=>j(L),disabled:!L||g,className:"btn-primary text-xs",children:g?"Escalating...":"Escalate"})]}),i==="release"&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs text-text-secondary",children:"Release back to pool?"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>a("resolve"),className:"btn-secondary text-xs",children:"Back"}),e.jsx("button",{onClick:_,disabled:C,className:"btn-primary text-xs bg-status-error hover:bg-status-error/80",children:C?"Releasing...":"Yes, Release"})]})]})]})}const Pt={1:{pad:"px-3 py-2.5",label:"text-[9px] mb-1.5",value:"text-xs",bg:"bg-surface-sunken/60"},2:{pad:"px-3 py-2",label:"text-[8px] mb-1",value:"text-[11px]",bg:"bg-surface-sunken/30"},3:{pad:"px-2.5 py-1.5",label:"text-[8px] mb-0.5",value:"text-[10px]",bg:"bg-surface-sunken/15"}};function S({label:t,children:n,tier:i=1,className:a=""}){const s=Pt[i];return e.jsxs("div",{className:`flex-1 min-w-0 rounded-lg ${s.bg} ${s.pad} ${a}`,children:[e.jsx("p",{className:`font-semibold uppercase tracking-widest text-text-tertiary leading-none ${s.label}`,children:t}),e.jsx("div",{className:`text-text-secondary leading-tight min-w-0 ${s.value}`,children:n})]})}const Fe=56;function Dt({value:t}){const[n,i]=f.useState(!1),a=typeof t=="object"?JSON.stringify(t):String(t??"");return a.length<=Fe?e.jsx("span",{className:"font-mono break-all",title:a,children:a}):e.jsx("button",{onClick:()=>i(s=>!s),title:a,className:"font-mono break-all text-left hover:text-accent transition-colors",children:n?a:`${a.slice(0,Fe)}…`})}function Lt({esc:t,claimedByMe:n,claimed:i,isTerminal:a,traceUrl:s,isDevMode:l,showDetails:x,onToggleDetails:d}){const{isBuilder:r}=ye(),o=_t(t);return l?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[o&&e.jsx(Rt,{className:"w-5 h-5 text-text-tertiary shrink-0"}),e.jsxs("p",{className:"text-[1.5rem] leading-snug font-light text-text-secondary",children:[t.type,t.subtype?` / ${t.subtype}`:""]})]}),t.description&&e.jsx("p",{className:"text-sm leading-relaxed text-text-tertiary mb-4",children:t.description}),e.jsxs("div",{className:"flex flex-wrap items-end gap-x-6 gap-y-3 mt-4 mb-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Status"}),e.jsx("span",{className:"mb-1 inline-block",children:e.jsx(Ae,{status:t.status})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Role"}),e.jsx(We,{role:t.role,size:"md"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Created"}),e.jsx("span",{className:"inline-flex items-center mb-1 text-xs text-text-secondary",children:e.jsx(H,{date:t.created_at})})]}),(i||a)&&t.assigned_to&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Claimed by"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-text-primary",children:[e.jsx(Pe,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(be,{userId:t.assigned_to})]})]}),i&&!a&&t.assigned_until&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Time left"}),e.jsx("span",{className:"inline-flex items-center h-5",children:e.jsx(je,{until:t.assigned_until})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Resolved"}),e.jsx("span",{className:"inline-flex items-center h-5 text-xs text-text-secondary",children:e.jsx(H,{date:t.resolved_at})})]})]})]}):e.jsxs("div",{className:"-mt-6 mb-2",children:[t.description&&e.jsx("p",{className:"text-2xl font-light text-text-primary leading-relaxed mb-5",children:t.description}),e.jsxs("div",{className:"flex gap-1 items-stretch",children:[e.jsx(S,{label:"Status",children:e.jsx(Ae,{status:t.status})}),e.jsx(S,{label:"Assigned to Role",children:e.jsx(We,{role:t.role,size:"md"})}),(i||a)&&t.assigned_to&&e.jsx(S,{label:"Claimed By",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 font-medium text-text-primary",children:[e.jsx(Pe,{className:"w-3 h-3 shrink-0 text-accent/75"}),e.jsx(be,{userId:t.assigned_to})]})}),e.jsx(S,{label:"Created",children:e.jsx(H,{date:t.created_at})}),(i||a)&&t.claimed_at&&e.jsx(S,{label:"Claimed",children:e.jsx(H,{date:t.claimed_at})}),i&&!a&&t.assigned_until&&e.jsx(S,{label:"Time Remaining",children:e.jsx(je,{until:t.assigned_until})}),t.resolved_at&&e.jsx(S,{label:"Completed",children:e.jsx("span",{className:"text-status-success",children:e.jsx(H,{date:t.resolved_at})})}),e.jsxs(S,{label:"Priority",children:["P",t.priority]}),r&&e.jsx("button",{onClick:d,title:x?"Hide details":"Show details",className:"shrink-0 rounded-lg bg-surface-sunken/60 px-3 flex items-center text-text-tertiary/60 hover:text-accent transition-colors",children:e.jsx(St,{className:`w-3.5 h-3.5 ${x?"text-accent":""}`})})]}),r&&e.jsxs(ct,{open:x,children:[e.jsxs("div",{className:"flex gap-1 mt-1",children:[e.jsx(S,{tier:2,label:"Escalation ID",children:e.jsx(R,{bare:!0,value:t.id})}),t.task_id&&e.jsx(S,{tier:2,label:"Task ID",children:e.jsx(R,{bare:!0,value:t.task_id,href:`/workflows/tasks/detail/${t.task_id}`})}),t.workflow_type&&e.jsx(S,{tier:2,label:"Workflow Name",children:e.jsx(R,{bare:!0,value:t.workflow_type,href:`/workflows/executions?entity=${encodeURIComponent(t.workflow_type)}`})}),t.workflow_id&&e.jsx(S,{tier:2,label:"Workflow ID",children:e.jsx(R,{bare:!0,value:t.workflow_id,href:`/workflows/executions/${t.workflow_id}`})}),t.task_queue&&e.jsx(S,{tier:2,label:"Task Queue",children:e.jsx(R,{bare:!0,value:t.task_queue,href:`/admin/controlplane?queue=${encodeURIComponent(t.task_queue)}`})}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(S,{tier:2,label:"Origin",children:e.jsx(R,{bare:!0,value:t.origin_id,href:`/processes/detail/${t.origin_id}`})}),t.trace_id&&e.jsx(S,{tier:2,label:"Trace",children:e.jsx(R,{bare:!0,value:t.trace_id,href:s?s.replace("{traceId}",t.trace_id):void 0,external:!0})})]}),t.metadata&&Object.keys(t.metadata).filter(c=>!c.startsWith("_")).length>0&&e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-1 mt-1",children:Object.entries(t.metadata).filter(([c])=>!c.startsWith("_")).map(([c,m])=>e.jsx(S,{tier:3,label:c,children:e.jsx(Dt,{value:m})},c))})]})]})}function K(t){return t.replace(/`([^`]+)`/g,'<code class="px-1 py-0.5 bg-surface-sunken rounded text-xs font-mono">$1</code>').replace(/\*\*\*(.+?)\*\*\*/g,"<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" class="text-accent-primary hover:underline" target="_blank" rel="noopener noreferrer">$1</a>')}function he({content:t,compact:n}){const i=[],a=/^```(\w*)\n([\s\S]*?)^```$/gm;let s=0,l;for(;(l=a.exec(t))!==null;)l.index>s&&i.push({type:"text",text:t.slice(s,l.index)}),i.push({type:"code",lang:l[1],code:l[2].replace(/\n$/,"")}),s=l.index+l[0].length;s<t.length&&i.push({type:"text",text:t.slice(s)});const x=n?{text:"text-xs",heading:"text-xs",list:"text-xs",code:"text-[11px]"}:{text:"text-sm",heading:"text-sm",list:"text-sm",code:"text-xs"},d=[];for(const r of i){if(r.type==="code"){const o=r.code.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");d.push(`<pre class="my-2 p-2.5 bg-surface-sunken rounded-md overflow-x-auto"><code class="${x.code} font-mono text-text-secondary leading-relaxed">${o}</code></pre>`);continue}d.push(...Ot(r.text,x))}return e.jsx("div",{className:"prose-sm",dangerouslySetInnerHTML:{__html:d.join(`
+`)}})}function Ot(t,n){const i=t.split(`
+`),a=[];let s=!1,l=!1,x=[];for(const d of i){const r=d.trim();if(r.startsWith("|")&&r.endsWith("|")){const o=r.slice(1,-1).split("|").map(c=>c.trim());if(o.every(c=>/^[-:]+$/.test(c)))continue;l||(l=!0,x=[]),x.push(o);continue}if(l){l=!1;const[o,...c]=x;a.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const m of o)a.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${K(m)}</th>`);a.push("</tr></thead><tbody>");for(const m of c){a.push("<tr>");for(const h of m)a.push(`<td class="py-1 px-2 border-b border-border/50">${K(h)}</td>`);a.push("</tr>")}a.push("</tbody></table></div>"),x=[]}if(!r){s&&(a.push("</ul>"),s=!1);continue}if(r.startsWith("### ")){s&&(a.push("</ul>"),s=!1),a.push(`<h4 class="${n.heading} font-semibold text-text-primary mt-3 mb-1">${K(r.slice(4))}</h4>`);continue}if(r.startsWith("## ")){s&&(a.push("</ul>"),s=!1),a.push(`<h3 class="${n.heading} font-semibold text-text-primary mt-3 mb-1">${K(r.slice(3))}</h3>`);continue}if(/^[-*_]{3,}$/.test(r)){s&&(a.push("</ul>"),s=!1),a.push('<hr class="border-border my-3" />');continue}if(/^[-*] /.test(r)){s||(a.push('<ul class="space-y-1 my-1">'),s=!0),a.push(`<li class="${n.list} text-text-secondary flex gap-2"><span class="text-text-tertiary shrink-0">-</span><span>${K(r.slice(2))}</span></li>`);continue}s&&(a.push("</ul>"),s=!1),a.push(`<p class="${n.text} text-text-secondary my-1">${K(r)}</p>`)}if(l&&x.length){const[d,...r]=x;a.push('<div class="overflow-x-auto my-2"><table class="text-xs w-full"><thead><tr>');for(const o of d)a.push(`<th class="text-left py-1 px-2 border-b border-border text-text-secondary font-medium">${K(o)}</th>`);a.push("</tr></thead><tbody>");for(const o of r){a.push("<tr>");for(const c of o)a.push(`<td class="py-1 px-2 border-b border-border/50">${K(c)}</td>`);a.push("</tr>")}a.push("</tbody></table></div>")}return s&&a.push("</ul>"),a}function fe({children:t}){return e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:t})}function Ft({payload:t,isTerminal:n,resolverPayload:i,onRetryTriage:a,isRetrying:s}){const l=t.title,x=t.summary,d=t.diagnosis,r=t.tool_calls_made,o=t.result,c=i==null?void 0:i._lt,m=(c==null?void 0:c.triaged)===!0,h=c==null?void 0:c.triageWorkflowId,b=n&&m,[u,j]=f.useState(!1);return b?e.jsxs("div",{className:"rounded-md border border-status-success/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-success shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm3.36 4.65a.5.5 0 00-.72 0L7 9.29 5.36 7.65a.5.5 0 10-.72.7l2 2a.5.5 0 00.72 0l4-4a.5.5 0 000-.7z"})}),e.jsx("span",{className:"text-xs font-medium text-status-success",children:"Resolved by AI Triage"})]}),typeof r=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-success/10 text-status-success",children:[r," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[l&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:l}),d&&e.jsxs("div",{children:[e.jsx(fe,{children:"Triage diagnosis"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(he,{content:d})})]}),e.jsx("div",{className:"flex items-center gap-3",children:h&&e.jsx(He,{to:`/workflows/executions/${h}`,className:"text-[10px] text-accent hover:underline",children:"View triage execution"})})]})]}):e.jsxs("div",{className:"rounded-md border border-status-warning/30 bg-surface-raised",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("svg",{className:"w-4 h-4 text-status-warning shrink-0",viewBox:"0 0 16 16",fill:"currentColor",children:e.jsx("path",{d:"M8 1a7 7 0 110 14A7 7 0 018 1zm0 3a.75.75 0 00-.75.75v3.5a.75.75 0 001.5 0v-3.5A.75.75 0 008 4zm0 7a.75.75 0 100-1.5.75.75 0 000 1.5z"})}),e.jsx("span",{className:"text-xs font-medium text-status-warning",children:"Tool Rounds Exhausted"})]}),typeof r=="number"&&e.jsxs("span",{className:"text-[10px] font-mono px-2 py-0.5 rounded-full bg-status-warning/10 text-status-warning",children:[r," tool calls used"]})]}),e.jsxs("div",{className:"px-4 py-4 space-y-4",children:[l&&e.jsx("p",{className:"text-sm font-medium text-text-primary",children:l}),x&&e.jsxs("div",{children:[e.jsx(fe,{children:"What happened"}),e.jsx("div",{className:"text-xs text-text-secondary leading-relaxed",children:e.jsx(he,{content:x})})]}),d&&e.jsxs("div",{children:[e.jsx(fe,{children:"What went wrong"}),e.jsx("div",{className:"text-xs text-text-primary leading-relaxed",children:e.jsx(he,{content:d})})]}),o!=null&&e.jsxs("div",{children:[e.jsxs("button",{onClick:()=>j(!u),className:"flex items-center gap-1 text-[10px] font-semibold uppercase tracking-widest text-text-tertiary hover:text-text-secondary transition-colors",children:[e.jsx("svg",{className:`w-3 h-3 transition-transform ${u?"rotate-90":""}`,viewBox:"0 0 12 12",fill:"currentColor",children:e.jsx("path",{d:"M4.5 2l4 4-4 4"})}),"Partial results"]}),u&&e.jsx("div",{className:"mt-2",children:e.jsx(ne,{data:o,defaultMode:"tree"})})]}),a&&!n&&e.jsx("div",{className:"pt-2",children:e.jsxs("button",{onClick:a,disabled:s,className:"inline-flex items-center gap-2 px-4 py-2 text-xs font-medium bg-accent text-text-inverse rounded-md hover:bg-accent/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 14 14",fill:"currentColor",children:e.jsx("path",{d:"M7 1a6 6 0 100 12A6 6 0 007 1zm2.5 6.5l-3.5 2V5.5l3.5 2z"})}),s?"Sending to triage...":"Retry with AI Triage"]})})]})]})}function Jt({triage:t,payload:n}){const i=t.confidence??0,a=i>=.8?"text-status-success":i>=.5?"text-status-pending":"text-status-error",s=Vt(t.originalData,n);return e.jsxs("div",{className:"space-y-5",children:[t.diagnosis&&e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:t.diagnosis}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3 text-xs text-text-tertiary",children:[t.tool_calls_made!=null&&e.jsxs("span",{children:[t.tool_calls_made," tool call",t.tool_calls_made!==1?"s":""]}),t.tool_calls_made!=null&&e.jsx("span",{className:"text-text-quaternary",children:"·"}),e.jsxs("span",{className:`font-medium ${a}`,children:[Math.round(i*100),"% confidence"]})]}),t.actions_taken&&t.actions_taken.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.actions_taken.map((l,x)=>e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2 py-0.5 text-[11px]
+                         text-text-secondary`,children:[e.jsx("svg",{className:"w-3 h-3 text-status-success shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}),l]},x))}),t.recommendation&&e.jsx("p",{className:"text-[11px] text-text-tertiary italic",children:t.recommendation}),s.length>0&&e.jsx("div",{className:"space-y-4 pt-2",children:s.map(l=>e.jsx(Ut,{diff:l},l.key))})]})}function Vt(t,n){if(!t)return[];const i=[];for(const a of Object.keys(t)){if(a.startsWith("_"))continue;const s=t[a],l=n[a];l!==void 0&&JSON.stringify(s)!==JSON.stringify(l)&&i.push({key:a,label:a.replace(/[_-]/g," "),original:s,corrected:l})}return i}function Ut({diff:t}){const n=Je(t.original),i=Je(t.corrected);return n!==null&&i!==null?e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("p",{className:"text-sm text-text-tertiary leading-relaxed line-through decoration-text-tertiary/30",children:n})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("p",{className:"text-sm text-text-primary leading-relaxed",children:i})]})]}):e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal",children:"(original)"})]}),e.jsx("pre",{className:"text-xs text-text-tertiary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.original=="object"?JSON.stringify(t.original,null,2):String(t.original)})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:[t.label," ",e.jsx("span",{className:"normal-case font-normal text-status-success",children:"(corrected)"})]}),e.jsx("pre",{className:"text-xs text-text-primary font-mono whitespace-pre-wrap leading-relaxed",children:typeof t.corrected=="object"?JSON.stringify(t.corrected,null,2):String(t.corrected)})]})]})}function Je(t){return t==null?"null":typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"?String(t):null}function Ve({src:t,escalation:n,schema:i,onResolve:a,onEscalate:s,submitAttempted:l}){const x=f.useRef(null),d=f.useRef("");f.useEffect(()=>{try{const o=new URL(t);d.current=o.origin}catch{d.current=""}},[t]);const r=f.useCallback(()=>{const o=x.current;if(!(o!=null&&o.contentWindow)||!d.current)return;const m={type:"lt:init",escalation:{id:n.id,type:n.type,subtype:n.subtype,description:n.description,status:n.status,priority:n.priority,role:n.role,workflow_type:n.workflow_type},schema:i};o.contentWindow.postMessage(m,d.current)},[n,i]);return f.useEffect(()=>{const o=c=>{if(c.origin!==d.current)return;const m=c.data;if(!(!m||typeof m!="object"||typeof m.type!="string"))switch(m.type){case"lt:ready":r();break;case"lt:submit":m.payload&&typeof m.payload=="object"&&a(m.payload);break;case"lt:escalate":typeof m.target=="string"&&m.target&&s(m.target);break;case"lt:resize":{const h=x.current;h&&typeof m.height=="number"&&m.height>0&&(h.style.height=`${Math.min(m.height,2e3)}px`);break}}};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[r,a,s]),f.useEffect(()=>{if(!l)return;const o=x.current;o!=null&&o.contentWindow&&d.current&&o.contentWindow.postMessage({type:"lt:validate"},d.current)},[l]),e.jsx("div",{className:"rounded-md border border-surface-border overflow-hidden bg-white",children:e.jsx("iframe",{ref:x,src:t,sandbox:"allow-scripts allow-same-origin allow-forms",className:"w-full border-0",style:{minHeight:"400px"},title:"HITL Viewport",onLoad:r})})}function Bt({fieldKey:t,value:n,onChange:i,schema:a}){const s=f.useRef(null),l=(a==null?void 0:a.accept)??void 0,x=t.replace(/[_-]/g," "),d=a==null?void 0:a.description,r=f.useCallback(c=>{var b;const m=(b=c.target.files)==null?void 0:b[0];if(!m)return;const h=new FileReader;h.onload=()=>{typeof h.result=="string"&&i(h.result)},h.readAsDataURL(m)},[i]),o=n.startsWith("data:");return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:x}),d&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:d}),e.jsxs("div",{className:"mt-1",children:[e.jsx("input",{ref:s,type:"file",accept:l,onChange:r,className:"hidden"}),e.jsx("button",{type:"button",onClick:()=>{var c;return(c=s.current)==null?void 0:c.click()},className:"btn-secondary text-xs px-3 py-1.5",children:o?"Replace file":"Choose file"}),o&&e.jsx("span",{className:"ml-2 text-xs text-status-success",children:"File attached"})]})]})}function zt({fieldKey:t,value:n,onChange:i,schema:a}){const s=t.replace(/[_-]/g," "),l=a==null?void 0:a.description,x=(a==null?void 0:a["x-lt-language"])??"",d=f.useCallback(r=>{if(r.key==="Tab"){r.preventDefault();const o=r.currentTarget,c=o.selectionStart,m=o.selectionEnd,h=n.substring(0,c)+"  "+n.substring(m);i(h),requestAnimationFrame(()=>{o.selectionStart=o.selectionEnd=c+2})}},[n,i]);return e.jsxs("div",{children:[e.jsxs("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:[s,x&&e.jsx("span",{className:"ml-2 text-text-tertiary/60 normal-case font-normal",children:x})]}),l&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:l}),e.jsx("textarea",{value:n,onChange:r=>i(r.target.value),onKeyDown:d,className:"input w-full mt-1 font-mono text-xs leading-relaxed",rows:10,spellCheck:!1})]})}function Ht({fieldKey:t,value:n,onChange:i,schema:a}){const s=f.useRef(null),[l,x]=f.useState(!1),d=t.replace(/[_-]/g," "),r=a==null?void 0:a.description;f.useEffect(()=>{const u=s.current;if(!u)return;const j=u.getContext("2d");if(j&&(j.lineWidth=2,j.lineCap="round",j.strokeStyle="#1E1535",n&&n.startsWith("data:"))){const g=new Image;g.onload=()=>j.drawImage(g,0,0),g.src=n}},[]);const o=f.useCallback(u=>{const g=s.current.getBoundingClientRect();return"touches"in u?{x:u.touches[0].clientX-g.left,y:u.touches[0].clientY-g.top}:{x:u.clientX-g.left,y:u.clientY-g.top}},[]),c=f.useCallback(u=>{var p;x(!0);const j=(p=s.current)==null?void 0:p.getContext("2d");if(!j)return;const g=o(u);j.beginPath(),j.moveTo(g.x,g.y)},[o]),m=f.useCallback(u=>{var p;if(!l)return;const j=(p=s.current)==null?void 0:p.getContext("2d");if(!j)return;const g=o(u);j.lineTo(g.x,g.y),j.stroke()},[l,o]),h=f.useCallback(()=>{x(!1);const u=s.current;u&&i(u.toDataURL("image/png"))},[i]),b=f.useCallback(()=>{const u=s.current;if(!u)return;const j=u.getContext("2d");j&&(j.clearRect(0,0,u.width,u.height),i(""))},[i]);return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:d}),r&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:r}),e.jsx("div",{className:"mt-1 border border-surface-border rounded-md overflow-hidden bg-white",children:e.jsx("canvas",{ref:s,width:400,height:150,className:"w-full cursor-crosshair touch-none",onMouseDown:c,onMouseMove:m,onMouseUp:h,onMouseLeave:h,onTouchStart:c,onTouchMove:m,onTouchEnd:h})}),e.jsx("button",{type:"button",onClick:b,className:"mt-1 text-[10px] text-text-tertiary hover:text-accent transition-colors",children:"Clear"})]})}function qt({fieldKey:t,value:n,onChange:i,schema:a}){const s=t.replace(/[_-]/g," "),l=a==null?void 0:a.description;return e.jsxs("div",{children:[e.jsx("label",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:s}),l&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:l}),e.jsx("textarea",{value:n,onChange:x=>i(x.target.value),className:"input w-full mt-1 text-sm leading-relaxed",rows:8,placeholder:"Supports plain text. Markdown formatting is preserved."})]})}const Ue={"file-upload":Bt,"code-editor":zt,signature:Ht,"rich-text":qt};function qe({value:t,onChange:n,disabled:i,submitAttempted:a}){const[s,l]=f.useState({}),[x,d]=f.useState({}),[r,o]=f.useState(null),[c,m]=f.useState(!1),[h,b]=f.useState(new Set);f.useEffect(()=>{try{const y=JSON.parse(t);if(typeof y=="object"&&y!==null&&!Array.isArray(y)){const N={},w={};for(const[M,D]of Object.entries(y))M.startsWith("_")?w[M]=D:N[M]=D;l(N),d(w),o(w._form_schema&&typeof w._form_schema=="object"?w._form_schema:null),m(!1)}}catch{m(!0)}},[t]);const u=f.useCallback(y=>{l(y),n(JSON.stringify({...y,...x},null,2))},[x,n]),j=f.useCallback((y,N)=>{u({...s,[y]:N})},[s,u]),g=f.useCallback(y=>{b(N=>{if(N.has(y))return N;const w=new Set(N);return w.add(y),w})},[]);if(c)return e.jsx("p",{className:"text-xs text-status-error",children:"Unable to parse resolver data as form. Use the JSON editor below."});const p=Object.entries(s);if(p.length===0)return e.jsx("p",{className:"text-xs text-text-tertiary italic",children:"No resolver fields defined."});const _=r==null?void 0:r["x-lt-order"],C=_?[...p].sort((y,N)=>{const w=_.indexOf(y[0]),M=_.indexOf(N[0]);return(w===-1?1/0:w)-(M===-1?1/0:M)}):p,$=new Set((r==null?void 0:r.required)??[]),I=r==null?void 0:r["x-lt-layout"],A=r==null?void 0:r.title,T=r==null?void 0:r.description,E=C.map(([y,N])=>{var F;const w=(F=r==null?void 0:r.properties)==null?void 0:F[y],M=(w==null?void 0:w.readOnly)===!0,D=(w==null?void 0:w["x-lt-span"])??1,W=$.has(y),L=h.has(y)||!!a;let O;if(W&&L&&(N==null||typeof N=="string"&&N.trim()==="")&&(O="Required"),L&&typeof N=="string"&&N.trim()!==""&&w){const B=w.format;B==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N)&&(O="Enter a valid email address"),B==="uri"&&!/^https?:\/\/.+/.test(N)&&(O="Enter a valid URL")}return e.jsx("div",{className:I==="two-column"&&D>=2?"col-span-2":"",children:e.jsx(Ke,{fieldKey:y,value:N,onChange:B=>j(y,B),onBlur:()=>g(y),schema:r,isRequired:W,isReadOnly:M,error:O})},y)});return e.jsxs("div",{className:`pb-8 ${i?"opacity-60 pointer-events-none":""}`,children:[A&&e.jsx("h3",{className:"text-lg font-light text-text-primary mb-1",children:A}),T&&e.jsx("p",{className:"text-sm text-text-secondary leading-relaxed mb-6",children:T}),I==="two-column"?e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-x-14 gap-y-6",children:E}):e.jsx("div",{className:"space-y-6",children:E})]})}function Ke({fieldKey:t,value:n,onChange:i,onBlur:a,schema:s,isRequired:l,isReadOnly:x,error:d}){var m;const r=t.replace(/[_-]/g," "),o=(m=s==null?void 0:s.properties)==null?void 0:m[t];if(x){const h=n===null?"null":typeof n=="object"?JSON.stringify(n,null,2):String(n);return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),e.jsx("p",{className:"text-sm text-text-secondary mt-0.5 whitespace-pre-wrap",children:h})]})}const c=o==null?void 0:o["x-lt-widget"];if(c&&c in Ue&&typeof n=="string"){const h=Ue[c];return e.jsx(h,{fieldKey:t,value:n,onChange:b=>i(b),schema:o})}if(typeof n=="boolean")return e.jsxs("div",{children:[e.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[e.jsx("input",{type:"checkbox",checked:n,onChange:h=>{i(h.target.checked),a==null||a()},className:"w-3.5 h-3.5 rounded accent-accent"}),e.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[r,l&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})]}),e.jsx(Y,{error:d})]});if(typeof n=="number")return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),e.jsx("input",{type:"number",value:n,onChange:h=>i(parseFloat(h.target.value)||0),onBlur:a,step:"any",className:Z(!!d)}),e.jsx(Y,{error:d})]});if(typeof n=="string"){const h=(o==null?void 0:o.format)==="password",b=o==null?void 0:o.enum,u=o==null?void 0:o.description;if(b!=null&&b.length)return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),u&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:u}),e.jsx("select",{value:n,onChange:p=>i(p.target.value),onBlur:a,className:Z(!!d),children:b.map(p=>e.jsx("option",{value:p,children:p},p))}),e.jsx(Y,{error:d})]});if(h)return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),u&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:u}),e.jsx("input",{type:"password",value:n,onChange:p=>i(p.target.value),onBlur:a,className:Z(!!d),autoComplete:"off"}),e.jsx(Y,{error:d})]});const j=o==null?void 0:o.format,g={date:"date","date-time":"datetime-local",email:"email",uri:"url"};return j&&j in g?e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),u&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:u}),e.jsx("input",{type:g[j],value:n,onChange:p=>i(p.target.value),onBlur:a,className:Z(!!d)}),e.jsx(Y,{error:d})]}):j==="textarea"||n.length>80?e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),u&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:u}),e.jsx("textarea",{value:n,onChange:p=>i(p.target.value),onBlur:a,className:`${Z(!!d)} leading-relaxed`,rows:Math.min(6,Math.max(3,Math.ceil(n.length/60)))}),e.jsx(Y,{error:d})]}):e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),u&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-0.5",children:u}),e.jsx("input",{type:"text",value:n,onChange:p=>i(p.target.value),onBlur:a,className:Z(!!d)}),e.jsx(Y,{error:d})]})}if(n===null)return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),e.jsx("p",{className:"text-xs text-text-tertiary italic mt-1",children:"null"})]});if(Array.isArray(n))return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),e.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1",children:n.map((h,b)=>e.jsx("span",{className:"px-2 py-0.5 text-[11px] font-mono bg-surface-sunken rounded text-text-secondary",children:String(h)},b))})]});if(typeof n=="object"){const h=Object.entries(n);return e.jsxs("div",{children:[e.jsx(U,{isRequired:l,children:r}),e.jsx("div",{className:"ml-4 mt-2 pl-4 border-l border-accent-faint space-y-3",children:h.map(([b,u])=>e.jsx(Ke,{fieldKey:b,value:u,onChange:j=>i({...n,[b]:j})},b))})]})}return null}function U({children:t,isRequired:n}){return e.jsxs("label",{className:"text-[11px] font-semibold uppercase tracking-wider text-text-secondary",children:[t,n&&e.jsx("span",{className:"text-status-error ml-0.5",children:"*"})]})}function Y({error:t}){return t?e.jsx("p",{className:"text-[10px] 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 Be({json:t,onJsonChange:n,requestTriage:i,onRequestTriageChange:a,triageNotes:s,onTriageNotesChange:l,isDevMode:x=!0,disabled:d=!1,submitAttempted:r=!1,showTriage:o=!1}){const[c,m]=f.useState("form"),{visibleJson:h,hiddenFields:b}=f.useMemo(()=>{try{const g=JSON.parse(t);if(typeof g=="object"&&g!==null&&!Array.isArray(g)){const p={},_={};for(const[C,$]of Object.entries(g))C.startsWith("_")?p[C]=$:_[C]=$;return{visibleJson:JSON.stringify(_,null,2),hiddenFields:p}}}catch{}return{visibleJson:t,hiddenFields:{}}},[t]),u=f.useCallback(g=>{try{const p=JSON.parse(g);n(JSON.stringify({...p,...b},null,2))}catch{n(g)}},[b,n]),j=Object.keys(b).length>0;return e.jsxs(e.Fragment,{children:[(o||x)&&e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[o?i?e.jsxs("button",{onClick:()=>a(!1),className:"group flex items-center gap-2 text-left","data-testid":"triage-cancel",children:[e.jsx("span",{className:"flex items-center justify-center w-5 h-5 rounded-full bg-accent/10 text-accent shrink-0",children:e.jsx("svg",{className:"w-3 h-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),e.jsxs("span",{className:"text-xs text-text-secondary group-hover:text-text-primary transition-colors",children:["AI Triage active."," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Cancel"})]})]}):e.jsxs("button",{onClick:()=>a(!0),className:"group flex items-center gap-2.5 text-left my-4","data-testid":"triage-callout",children:[e.jsx("span",{className:"flex items-center justify-center w-6 h-6 rounded-full bg-accent/10 text-accent shrink-0 animate-[triage-glow_6s_ease-in-out_infinite]",children:e.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.663 17h4.674M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})}),e.jsxs("span",{className:"text-[13px] text-text-secondary group-hover:text-text-primary transition-colors",children:["This form doesn't capture the issue?"," ",e.jsx("span",{className:"text-accent group-hover:underline",children:"Request AI Triage"})]})]}):e.jsx("span",{}),x&&!i&&e.jsx("button",{onClick:()=>m(c==="form"?"json":"form"),className:"text-[10px] text-text-tertiary hover:text-accent transition-colors",children:c==="form"?"Raw JSON":"Form"})]}),e.jsxs("div",{className:"relative min-h-[200px]",children:[e.jsx("div",{className:i?"pointer-events-none select-none":"",children:c==="form"?e.jsx(qe,{value:t,onChange:n,disabled:d,submitAttempted:r}):e.jsxs("div",{children:[j&&e.jsx("p",{className:"text-[10px] text-text-quaternary mb-2 italic",children:"Form schema hidden. Edit the resolver values below — they will be merged with the schema on submit."}),e.jsx("textarea",{value:h,onChange:g=>u(g.target.value),className:"input-json w-full",rows:Math.max(8,h.split(`
+`).length+2),spellCheck:!1,"data-testid":"resolve-json"})]})}),i&&e.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col bg-surface/90 backdrop-blur-[2px] rounded-md border border-accent/20 p-5","data-testid":"triage-overlay",children:[e.jsx("p",{className:"text-xs text-text-secondary mb-3 leading-relaxed",children:"The resolution form will not be submitted. Describe the issue so AI triage can diagnose and fix it using available tools. The corrected result will come back as a new escalation for your review."}),e.jsx("textarea",{value:s,onChange:g=>l(g.target.value),placeholder:"e.g. Content is in Spanish — needs translation to English before review...",className:"input text-xs w-full flex-1 min-h-[80px] resize-none",autoFocus:!0,"data-testid":"triage-notes"})]})]})]})}function Q({children:t}){return e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-text-tertiary",children:t})}function le({children:t}){return e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5 font-mono",children:t})}function Kt({esc:t}){const{isBuilder:n}=ye();return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"Classification"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-4",children:[e.jsxs("div",{children:[e.jsx(Q,{children:"Type"}),e.jsx(le,{children:t.type})]}),t.subtype&&e.jsxs("div",{children:[e.jsx(Q,{children:"Subtype"}),e.jsx(le,{children:t.subtype})]}),e.jsxs("div",{children:[e.jsx(Q,{children:"Priority"}),e.jsxs(le,{children:["P",t.priority]})]}),e.jsxs("div",{children:[e.jsx(Q,{children:"Status"}),e.jsx(le,{children:t.status})]})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"References"}),e.jsxs("div",{className:"flex flex-wrap gap-x-8 gap-y-4",children:[e.jsx(R,{label:"Escalation ID",value:t.id}),t.task_id&&e.jsx(R,{label:"Task ID",value:t.task_id,href:n?`/workflows/tasks/detail/${t.task_id}`:void 0}),t.workflow_type&&e.jsx(R,{label:"Workflow Name",value:t.workflow_type,href:n?`/workflows/executions?entity=${encodeURIComponent(t.workflow_type)}`:void 0}),t.workflow_id&&e.jsx(R,{label:"Workflow ID",value:t.workflow_id,href:n?`/workflows/executions/${t.workflow_id}`:void 0}),t.task_queue&&e.jsx(R,{label:"Task Queue",value:t.task_queue,href:n?`/admin/controlplane?queue=${encodeURIComponent(t.task_queue)}`:void 0}),t.origin_id&&t.origin_id!==t.workflow_id&&e.jsx(R,{label:"Origin ID",value:t.origin_id}),t.parent_id&&e.jsx(R,{label:"Parent ID",value:t.parent_id}),t.trace_id&&e.jsx(R,{label:"Trace ID",value:t.trace_id}),t.span_id&&e.jsx(R,{label:"Span ID",value:t.span_id})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider text-accent/60 mb-3",children:"Timeline"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-4",children:[e.jsxs("div",{children:[e.jsx(Q,{children:"Created"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(H,{date:t.created_at})})]}),t.claimed_at&&e.jsxs("div",{children:[e.jsx(Q,{children:"Claimed"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(H,{date:t.claimed_at})})]}),t.resolved_at&&e.jsxs("div",{children:[e.jsx(Q,{children:"Resolved"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(H,{date:t.resolved_at})})]}),e.jsxs("div",{children:[e.jsx(Q,{children:"Updated"}),e.jsx("p",{className:"text-[12px] text-text-secondary mt-0.5",children:e.jsx(H,{date:t.updated_at})})]})]})]}),t.metadata&&Object.keys(t.metadata).length>0&&e.jsx("div",{children:e.jsx(ne,{data:t.metadata,label:"Metadata"})})]})}function Qt({isRoundsExhausted:t,payloadObj:n,isTerminal:i,resolverPayload:a,onRetryTriage:s,isRetrying:l}){return e.jsxs(e.Fragment,{children:[t&&n&&e.jsx("div",{className:"mt-8",children:e.jsx(Ft,{payload:n,isTerminal:i,resolverPayload:a,onRetryTriage:s,isRetrying:l})}),(n==null?void 0:n.category)==="missing_credential"&&e.jsxs("div",{className:"mt-8 bg-status-warning/10 border border-status-warning/30 rounded-md px-5 py-4 flex items-start gap-3",children:[e.jsx(De,{size:20,className:"text-status-warning mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-text-primary mb-1",children:"Missing Credential"}),e.jsxs("p",{className:"text-xs text-text-secondary mb-3",children:["This workflow requires a ",e.jsx("span",{className:"font-medium capitalize",children:String(n.provider)})," credential to continue. Register one and then resolve this escalation to retry."]}),e.jsxs(He,{to:"/credentials",className:"btn-primary text-xs inline-flex items-center gap-1.5",children:[e.jsx(De,{size:12}),"Go to Credentials"]})]})]})]})}function Yt({isCollapsed:t,toggleSection:n,esc:i,escalationPayload:a,resolverPayload:s,triageData:l,payloadObj:x,isTerminal:d,claimedByMe:r,activeView:o,metadataFormSchema:c,json:m,onJsonChange:h,requestTriage:b,onRequestTriageChange:u,triageNotes:j,onTriageNotesChange:g,isDevMode:p,onResolve:_,onEscalate:C,submitAttempted:$,isCertified:I,hasAI:A}){return e.jsxs("div",{className:"mt-8 space-y-6",children:[p&&e.jsx(ie,{title:"Escalation Record",sectionKey:"record",isCollapsed:t("record"),onToggle:n,contentClassName:"mt-4 ml-9",children:e.jsx(Kt,{esc:i})}),p&&e.jsx(ie,{title:"Input / Output",sectionKey:"context",isCollapsed:t("context"),onToggle:n,contentClassName:"mt-4 ml-9",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[!!i.envelope&&e.jsx("div",{children:e.jsx(ne,{data:i.envelope,label:"Input Envelope"})}),a!=null&&e.jsx("div",{children:e.jsx(ne,{data:a,label:"Escalation Context"})})]}),s!=null&&e.jsx("div",{className:"max-w-xl",children:e.jsx(ne,{data:s,label:"Resolver Payload"})})]})}),p&&l&&x&&e.jsx(ie,{title:"AI Triage",sectionKey:"triage",isCollapsed:t("triage"),onToggle:n,contentClassName:"mt-4 ml-9",children:e.jsx(Jt,{triage:l,payload:x})}),!p&&d&&s!=null&&(()=>{const T=typeof s=="object"&&s!==null?s:{},E=c,y=E?{...T,_form_schema:E}:T;return e.jsx("div",{className:"pt-6",children:e.jsx(qe,{value:JSON.stringify(y,null,2),onChange:()=>{},disabled:!0})})})(),!d&&(r||!p)&&o==="resolve"&&!!(i.workflow_type||c)&&(()=>{const T=c,E=T==null?void 0:T["x-lt-viewport"],y=(E==null?void 0:E.type)==="iframe"&&!!E.src&&_&&C;return p?e.jsx(ie,{title:"Submit Your Resolution",sectionKey:"resolver",isCollapsed:t("resolver"),onToggle:n,contentClassName:"mt-4 ml-9",children:y?e.jsx(Ve,{src:E.src,escalation:i,schema:T,onResolve:_,onEscalate:C}):e.jsx(Be,{json:m,onJsonChange:h,requestTriage:b,onRequestTriageChange:u,triageNotes:j,onTriageNotesChange:g,isDevMode:p,submitAttempted:$,showTriage:!!I&&!!A})}):e.jsx("div",{className:"pt-6",children:y?e.jsx(Ve,{src:E.src,escalation:i,schema:T,onResolve:_,onEscalate:C}):e.jsx(Be,{json:m,onJsonChange:h,requestTriage:b,onRequestTriageChange:u,triageNotes:j,onTriageNotesChange:g,isDevMode:p,disabled:!r,submitAttempted:$,showTriage:!!I&&!!A})})})()]})}function ge(t){if(!t)return null;try{return JSON.parse(t)}catch{return t}}function Gt(t){if(!t)return!1;try{const n=JSON.parse(t);return!!(n&&typeof n=="object"&&n._triage)}catch{return!1}}function js(){var Te,Ee,Se,Re,$e,Me;const{id:t}=$t(),{user:n}=dt(),i=Mt(),a=ot(),{data:s,isLoading:l,refetch:x,isFetching:d}=xt(t);Et(t);const r=ut(),o=mt(),c=pt(),m=ht(),[h,b]=f.useState(!1),{data:u}=vt((s==null?void 0:s.role)??""),{data:j}=Tt(),{data:g}=wt(),{data:p}=ft(),{isBuilder:_}=ye(),{isDevMode:C,toggleMode:$}=It(!1),I=j==null?void 0:j.find(k=>k.workflow_type===(s==null?void 0:s.workflow_type)),A=g==null?void 0:g.roles.find(k=>k.role===(s==null?void 0:s.role)),T=((Te=p==null?void 0:p.telemetry)==null?void 0:Te.traceUrl)??null,[E,y]=f.useState("resolve"),[N,w]=f.useState("{}"),{isCollapsed:M,toggle:D,collapse:W,expand:L}=gt("escalation-detail"),[O,F]=f.useState(!1),[B,oe]=f.useState(""),[ce,G]=f.useState(!1),v=((Ee=s==null?void 0:s.metadata)==null?void 0:Ee.form_schema)??null,z=((Se=s==null?void 0:s.metadata)==null?void 0:Se.schema_version)??null,J=Nt((s==null?void 0:s.role)??"",z??void 0,z!=null),P=(z!=null?((Re=J.data)==null?void 0:Re.form_schema)??null:null)??(I==null?void 0:I.resolver_schema)??(A==null?void 0:A.form_schema)??null,V=v??P,ee=f.useRef(!1);f.useEffect(()=>{if(ee.current||z!=null&&!v&&J.data===void 0&&!J.isError)return;const k=v??(P!=null&&P.properties?P:null);if(k!=null&&k.properties){ee.current=!0;const Ie={_form_schema:k};for(const[rt,it]of Object.entries(k.properties)){const lt=it;Ie[rt]=lt.default??""}w(JSON.stringify(Ie,null,2))}else V&&(ee.current=!0,w(JSON.stringify(V,null,2)))},[V,v,P,z,J.data,J.isError]);const ve=Gt(s==null?void 0:s.escalation_payload),de=(s==null?void 0:s.subtype)==="rounds_exhausted",we=(s==null?void 0:s.subtype)==="wait_for_human";if(f.useEffect(()=>{(ve||de)&&W("context"),we&&v&&(W("context"),L("resolver"))},[ve,de,we,v,W,L]),l)return e.jsxs("div",{className:"animate-pulse space-y-8",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-32 bg-surface-sunken rounded w-full"})]});if(!s)return e.jsx("p",{className:"text-sm text-text-secondary",children:"Escalation not found."});const xe=ze(s),te=xe&&s.assigned_to===(n==null?void 0:n.userId),Qe=xe&&!te,re=s.status==="resolved"||s.status==="cancelled",se=ge(s.escalation_payload),Ne=ge(s.resolver_payload),ue=ge(s.envelope),Ye=!!(($e=ue==null?void 0:ue.metadata)!=null&&$e.certified),Ge=!!((Me=p==null?void 0:p.ai)!=null&&Me.enabled),q=typeof se=="object"&&se!==null&&!Array.isArray(se)?se:null,Xe=q==null?void 0:q._triage,Ze=re?"terminal":te?"claimed_by_me":Qe?"claimed_by_other":"available",et=k=>{r.mutate({id:s.id,durationMinutes:k}),W("context"),W("triage"),L("resolver")},ae=()=>{a.resetQueries({queryKey:["escalations"]}),a.resetQueries({queryKey:["escalationStats"]}),i(-1)},ke=async k=>{await o.mutateAsync({id:s.id,resolverPayload:k}),ae()},_e=async k=>{k&&(await c.mutateAsync({id:s.id,targetRole:k}),ae())},tt=async()=>{te||await r.mutateAsync({id:s.id,durationMinutes:30});const k=(q==null?void 0:q.diagnosis)||s.description||"";await o.mutateAsync({id:s.id,resolverPayload:{_lt:{needsTriage:!0},notes:k}}),ae()},st=async()=>{await r.mutateAsync({id:s.id,durationMinutes:0}),ae()},at=async()=>{await m.mutateAsync(s.id),b(!1),ae()},Ce=_?e.jsx("button",{onClick:$,className:"text-text-tertiary hover:text-accent transition-colors",title:C?"Switch to user view":"Switch to developer view",children:C?e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"})}):e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"})})}):void 0,nt=e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ct,{onRefresh:()=>x(),isFetching:d,apiPath:`/escalations/${s.id}`}),Ce&&e.jsx("div",{className:"ml-4",children:Ce})]});return e.jsxs("div",{className:"min-h-[calc(100vh-9rem)] flex flex-col",children:[e.jsx(kt,{title:"Escalation",actions:nt,center:e.jsx(At,{esc:s,className:"w-[25%] shrink-0"})}),e.jsx(Lt,{esc:s,claimedByMe:te,claimed:xe,isTerminal:re,traceUrl:T,isDevMode:C,showDetails:!M("details"),onToggleDetails:()=>D("details")}),e.jsx(Qt,{isRoundsExhausted:de,payloadObj:q,isTerminal:re,resolverPayload:Ne,onRetryTriage:tt,isRetrying:r.isPending||o.isPending}),e.jsx(Yt,{isCollapsed:M,toggleSection:D,esc:s,escalationPayload:se,resolverPayload:Ne,triageData:Xe,payloadObj:q,isTerminal:re,claimedByMe:te,activeView:E,metadataFormSchema:v,json:N,onJsonChange:w,requestTriage:O,onRequestTriageChange:F,triageNotes:B,onTriageNotesChange:oe,isDevMode:C,onResolve:ke,onEscalate:_e,submitAttempted:ce,isCertified:Ye,hasAI:Ge}),e.jsx("div",{className:"flex-1"}),e.jsx(Wt,{mode:Ze,activeView:E,onActiveViewChange:y,onClaim:et,claimPending:r.isPending,workflowType:s.workflow_type,json:N,onResolve:ke,resolvePending:o.isPending,resolveError:o.error,requestTriage:O,triageNotes:B,currentRole:s.role,escalationTargets:((u==null?void 0:u.targets)??[]).filter(k=>k!==s.role),onEscalate:_e,escalatePending:c.isPending,escalateError:c.error,onRelease:st,releasePending:r.isPending,onCancel:()=>b(!0),assignedTo:s.assigned_to,assignedUntil:s.assigned_until,onSubmitAttempt:()=>G(!0)}),e.jsx(yt,{open:h,onClose:()=>b(!1),onConfirm:at,isPending:m.isPending,error:m.error})]})}export{js as EscalationDetailPage};
+//# sourceMappingURL=index-CoGkgm9-.js.map