@hotmeshio/long-tail 0.11.0 → 0.12.0

package/dashboard/dist/assets/OperationsPage-i8KcDpKo.js

@@ -1,3 +0,0 @@
-import{a as h,j as e}from"./vendor-query-RUZdMvN6.js";import{Q as se,V as Ve,K as pe,o as xt,ax as Ge,H as ut,aa as mt,x as pt}from"./index-errgQT5x.js";import{j as ht,i as ft}from"./useEventHooks-DZaYzE7s.js";import{u as Re,a as I,E as Ce,i as ke}from"./EntityTimelinePanel-DrL86Yrf.js";import{as as Qe,s as Pe,ax as yt,b as gt,X as bt,aw as jt,aS as Nt,aX as wt,E as vt,a0 as kt,an as Xe}from"./vendor-icons-BxuyFxH2.js";import{P as $t}from"./PageHeader-BJgWMZtw.js";import{f as Ze,L as Z,u as St}from"./vendor-react-CdqEC2zv.js";const Te=["rgb(var(--lt-status-queued-graphic))","rgb(var(--lt-status-claimed-graphic))","rgb(var(--lt-status-success-graphic))","rgb(var(--lt-status-pending-graphic))","rgb(var(--lt-status-error))","rgb(var(--lt-accent))"],qt="∅",Mt="no subtype";function J(t){return t??qt}function $e(t){return t??Mt}function Le(t){const n=new Map;for(const a of t)n.set(a.label,(n.get(a.label)??0)+a.weight);const l=[...n.entries()].sort(([a,i],[s,r])=>r-i||(a<s?-1:1)),c=new Map;return l.forEach(([a],i)=>c.set(a,Te[i%Te.length])),c}function Je(t){return Le(t.map(n=>({label:J(n.subtype),weight:n.dwellSeconds??n.count??0})))}function Ct({groups:t,colors:n}){const l=h.useMemo(()=>{const a=(t??[]).filter(s=>(s.dwellSeconds??0)>0),i=a.reduce((s,r)=>s+(r.dwellSeconds??0),0);return i?a.map(s=>({key:J(s.subtype),label:$e(s.subtype),seconds:s.dwellSeconds??0,pct:(s.dwellSeconds??0)/i})).sort((s,r)=>r.seconds-s.seconds):null},[t]);if(!l)return e.jsx("span",{className:"text-2xs text-text-quaternary",children:"—"});const c=l.map(a=>`${a.label} ${se(a.seconds*1e3)} · ${Math.round(a.pct*100)}%`).join(`
-`);return e.jsxs("div",{className:"flex items-center gap-1.5",title:c,children:[e.jsx("div",{className:"w-16 h-1.5 bg-surface-sunken rounded-full overflow-hidden flex shrink-0",children:l.map(a=>e.jsx("div",{style:{width:`${a.pct*100}%`,backgroundColor:n.get(a.key)}},a.key))}),e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary tabular-nums",children:[Math.round(l[0].pct*100),"%"]})]})}function Oe(t){return t.reduce((n,l)=>n+(l.dwellSeconds??0),0)||1}function Et(t,n){const l=[];for(const c of t){const a=c.facets[n];a==null||(c.dwellSeconds??0)<=0||l.push(a)}return l}function _t(t,n,l,c){const a=new Map;for(const r of n){const d=r.facets[c];if(d==null||(r.dwellSeconds??0)<=0)continue;const x=a.get(d)??[];x.push(r),a.set(d,x)}const i=new Map;for(const r of l){const d=r.facets[c];d==null||(r.count??0)<=0||r.state==null||i.has(d)||i.set(d,r.state)}const s=[];for(const r of t){const d=r.facets[c];if(d==null||(r.dwellSeconds??0)<=0)continue;const x=[...a.get(d)??[]].sort((m,b)=>(b.dwellSeconds??0)-(m.dwellSeconds??0));s.push({value:d,groups:x,total:r.dwellSeconds??0,nowState:i.get(d)??null})}return s}function Be({groups:t,colors:n,height:l,className:c=""}){const a=Oe(t);return e.jsx("div",{className:`${l} flex rounded-full overflow-hidden bg-surface-sunken ${c}`,children:t.map(i=>e.jsx("div",{title:`${i.state??"—"} · ${se((i.dwellSeconds??0)*1e3)}`,style:{width:`${(i.dwellSeconds??0)/a*100}%`,backgroundColor:n.get(i.state??"—")}},i.state??"—"))})}function Rt({groups:t,sliceKey:n,colors:l,overflow:c}){const a=new Map;for(const s of t){if((s.dwellSeconds??0)<=0)continue;const r=s.facets[n]??"no value",d=a.get(r)??[];d.push(s),a.set(r,d)}const i=[...a.entries()].map(([s,r])=>({value:s,rows:r,total:Oe(r)})).sort((s,r)=>r.total-s.total).slice(0,8);return i.length===0?e.jsx("p",{className:"text-2xs text-text-quaternary",children:"No tracked time for this slice in the window."}):e.jsxs("div",{className:"space-y-1.5 max-w-3xl",children:[i.map(({value:s,rows:r,total:d})=>e.jsxs("div",{className:"flex items-center gap-3 text-2xs",children:[e.jsx("span",{className:"font-mono text-text-secondary truncate w-44 shrink-0",title:s,children:s}),e.jsx(Be,{groups:r,colors:l,height:"h-2",className:"flex-1"}),e.jsx("span",{className:"font-mono tabular-nums text-text-secondary w-16 text-right shrink-0",children:se(d*1e3)})]},s)),(c||a.size>8)&&e.jsx("p",{className:"text-2xs text-text-quaternary pt-1",children:"top 8 values by tracked time"})]})}const qe=50,Pt=300;function Lt({entityKey:t,rows:n,colors:l,stateLabel:c,find:a,onFindChange:i,page:s,onPageChange:r,overflow:d,onEntityOpen:x}){const[m,b]=h.useState(a??""),v=h.useRef(void 0);h.useEffect(()=>()=>clearTimeout(v.current),[]),h.useEffect(()=>{b(a??"")},[a]);const S=y=>{b(y),clearTimeout(v.current),v.current=setTimeout(()=>{const w=y.trim();i(w||null)},Pt)};return e.jsxs("div",{className:"max-w-3xl",children:[e.jsx("input",{type:"text",value:m,onChange:y=>S(y.target.value),placeholder:`Find by ${t}…`,"aria-label":`Find by ${t}`,className:"w-64 bg-transparent border-b border-surface-border/60 focus:border-accent focus:outline-none text-xs font-mono text-text-primary placeholder:text-text-quaternary pb-0.5 mb-3 transition-colors"}),n.length===0?e.jsx("p",{className:"text-2xs text-text-quaternary",children:a?`No ${t} starts with “${a}” in this window.`:"No entities tracked in this window."}):e.jsx("div",{className:"space-y-1",children:n.map(y=>e.jsxs("div",{role:"button",tabIndex:0,onClick:()=>x(y.value),onKeyDown:w=>{w.key==="Enter"&&x(y.value)},className:"flex items-center gap-3 text-2xs cursor-pointer group",children:[e.jsx("span",{className:"font-mono text-text-secondary group-hover:text-accent transition-colors truncate w-44 shrink-0",title:y.value,children:y.value}),e.jsx("span",{className:"flex items-center gap-1.5 w-32 shrink-0",children:y.nowState&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"w-2 h-2 rounded-full dot-ring shrink-0",style:{backgroundColor:l.get(y.nowState)}}),e.jsx("span",{className:"font-mono text-text-tertiary truncate",children:c(y.nowState)})]})}),e.jsx(Be,{groups:y.groups,colors:l,height:"h-1.5",className:"flex-1"}),e.jsx("span",{className:"font-mono tabular-nums text-text-secondary w-16 text-right shrink-0",children:se(y.total*1e3)}),e.jsx("button",{className:"icon-link shrink-0",title:"Open timeline",onClick:w=>{w.stopPropagation(),x(y.value)},children:e.jsx(Qe,{className:"w-3 h-3"})})]},y.value))}),(n.length>0||s>0)&&e.jsxs("div",{className:"flex items-center gap-3 pt-2 text-2xs",children:[e.jsx("button",{disabled:s===0,onClick:()=>r(s-1),className:"text-text-tertiary hover:text-accent transition-colors disabled:opacity-40 disabled:hover:text-text-tertiary",children:"Prev"}),e.jsxs("span",{className:"font-mono tabular-nums text-text-quaternary",children:["page ",s+1]}),e.jsx("button",{disabled:!d,onClick:()=>r(s+1),className:"text-text-tertiary hover:text-accent transition-colors disabled:opacity-40 disabled:hover:text-text-tertiary",children:"Next"})]})]})}const ge="entity-timeline";function Ot({entityKey:t,periodHours:n,roles:l,find:c,onFindChange:a,entityValue:i,onEntityChange:s}){var ae,re,V,G,W,o,k;const r=Re(n),d=Ve(),[x,m]=h.useState(""),[b,v]=h.useState(0);h.useEffect(()=>{v(0)},[c,r.from,r.to,t]);const S=h.useMemo(()=>{const p=new Map;for(const R of l)p.set(R.role,pe(R));return p},[l]),y=p=>p==null?"—":S.get(p)??p,w=I({query:{entity:t},groupBy:{state:!0},measure:{kind:"dwell",window:r},orderBy:[{field:"dwellSeconds",direction:"desc"}]}),P=I({query:{entity:t},groupBy:{state:!0},measure:{kind:"membership"}}),M=I({query:{entity:t},groupBy:{},measure:{kind:"membership"},distinctBy:t}),_=I(x?{query:{entity:t},groupBy:{state:!0,facets:[x]},measure:{kind:"dwell",window:r},limit:200}:null),$=I({query:{entity:t,...c?{prefix:{[t]:c}}:{}},groupBy:{facets:[t]},measure:{kind:"dwell",window:r},orderBy:[{field:"dwellSeconds",direction:"desc"}],limit:qe,offset:b*qe}),B=h.useMemo(()=>{var p;return Et(((p=$.data)==null?void 0:p.groups)??[],t)},[$.data,t]),C=B.length?{entity:t,anyOf:B.map(p=>({[t]:p}))}:null,j=I(C?{query:C,groupBy:{state:!0,facets:[t]},measure:{kind:"dwell",window:r},limit:qe*10}:null),E=I(C?{query:C,groupBy:{state:!0,facets:[t]},measure:{kind:"membership"}}:null),U=h.useMemo(()=>{var p,R,L;return _t(((p=$.data)==null?void 0:p.groups)??[],((R=j.data)==null?void 0:R.groups)??[],((L=E.data)==null?void 0:L.groups)??[],t)},[$.data,j.data,E.data,t]),f=h.useRef(null),q=h.useRef(!1);h.useEffect(()=>{d&&i!==f.current&&(f.current=i,i?d.setPanel(e.jsx(Ce,{facetKey:t,value:i,entity:t}),{key:ge,width:420}):(q.current=!1,d.closePanel(ge)))},[i,t,d]),h.useEffect(()=>{if(!(!d||!i)){if(d.open&&d.ownerKey===ge){q.current=!0;return}q.current&&(q.current=!1,s(null))}},[d,i,s]);const A=h.useRef(d);A.current=d,h.useEffect(()=>()=>{var p;f.current&&((p=A.current)==null||p.closePanel(ge))},[]);const{data:F}=xt(),ie=h.useMemo(()=>((F==null?void 0:F.keys)??[]).filter(p=>p!==t),[F,t]),T=(((ae=w.data)==null?void 0:ae.groups)??[]).filter(p=>(p.dwellSeconds??0)>0),H=h.useMemo(()=>{var p;return Le([...T,...((p=P.data)==null?void 0:p.groups)??[]].map(R=>({label:R.state??"—",weight:R.dwellSeconds??R.count??0})))},[T,P.data]),ne=new Map((((re=P.data)==null?void 0:re.groups)??[]).map(p=>[p.state??"—",p.count??0])),Y=((G=(V=M.data)==null?void 0:V.groups[0])==null?void 0:G.count)??null;return e.jsxs("div",{className:"flex-1 min-h-0 overflow-y-auto px-2 py-4 space-y-8",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between mb-2.5",children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:["Where the time went · ",e.jsx("span",{className:"normal-case font-mono",children:t})," system"]}),Y!=null&&e.jsxs("p",{className:"text-2xs text-text-quaternary",children:[e.jsx("span",{className:"text-xs font-mono font-semibold text-text-primary tabular-nums",children:Y})," ",e.jsx("span",{className:"font-mono",children:t})," in queue now"]})]}),T.length>0?e.jsxs(e.Fragment,{children:[e.jsx(Be,{groups:T,colors:H,height:"h-3"}),e.jsx("div",{className:"flex flex-wrap gap-x-6 gap-y-1 mt-2.5",children:T.map(p=>e.jsxs("span",{className:"flex items-center gap-1.5 text-2xs",children:[e.jsx("span",{className:"w-2 h-2 rounded-full shrink-0",style:{backgroundColor:H.get(p.state??"—")}}),e.jsx("span",{className:"font-mono text-text-secondary",children:y(p.state)}),e.jsx("span",{className:"font-mono tabular-nums text-text-tertiary",children:se((p.dwellSeconds??0)*1e3)}),e.jsxs("span",{className:"font-mono tabular-nums text-text-quaternary",children:[Math.round((p.dwellSeconds??0)/Oe(T)*100),"%"]}),(ne.get(p.state??"—")??0)>0&&e.jsxs("span",{className:"text-text-quaternary",children:["· ",ne.get(p.state??"—")," now"]})]},p.state))})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"No tracked time in this window."})]}),e.jsxs("div",{className:"border-t border-surface-border/40 pt-5",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary",children:"Slice by"}),e.jsxs("select",{value:x,onChange:p=>m(p.target.value),className:"select text-xs font-mono w-48",children:[e.jsx("option",{value:"",children:"— none —"}),ie.map(p=>e.jsx("option",{value:p,children:p},p))]})]}),x&&(ke(_.error)?e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Slicing requires full read access to the system's queues."}):e.jsx(Rt,{groups:((W=_.data)==null?void 0:W.groups)??[],sliceKey:x,colors:H,overflow:(o=_.data)==null?void 0:o.overflow}))]}),e.jsxs("div",{className:"border-t border-surface-border/40 pt-5",children:[e.jsxs("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-3",children:["By ",e.jsx("span",{className:"normal-case font-mono",children:t})," — top by tracked time"]}),ke($.error)?e.jsx("p",{className:"text-2xs text-text-quaternary",children:"The per-entity view requires full read access to the system's queues."}):e.jsx(Lt,{entityKey:t,rows:U,colors:H,stateLabel:y,find:c,onFindChange:a,page:b,onPageChange:v,overflow:((k=$.data)==null?void 0:k.overflow)??!1,onEntityOpen:s})]})]})}function Bt({lenses:t,activeLens:n,stationCount:l,onSelect:c}){const[a,i]=h.useState(!1),s=h.useRef(null);h.useEffect(()=>{if(!a)return;const d=m=>{s.current&&!s.current.contains(m.target)&&i(!1)},x=m=>{m.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",x)}},[a]);const r=d=>{c(d),i(!1)};return e.jsxs("div",{ref:s,className:"relative",title:"View: the board station-first, or an entity system (roles sharing an entity facet) entity-first",children:[e.jsxs("button",{type:"button",onClick:()=>i(d=>!d),className:"group flex items-baseline gap-1.5","aria-expanded":a,"aria-haspopup":"listbox","aria-label":"Board view",children:[e.jsx("span",{className:"text-2xs uppercase tracking-widest text-text-quaternary",children:"View"}),e.jsx("span",{className:"text-xs font-medium text-text-primary group-hover:text-accent transition-colors",children:n?e.jsxs(e.Fragment,{children:["by ",e.jsx("span",{className:"font-mono",children:n})]}):"Stations"}),e.jsx(Pe,{className:`w-3 h-3 self-center shrink-0 text-text-tertiary group-hover:text-accent transition-transform ${a?"rotate-180":""}`,strokeWidth:1.5})]}),a&&e.jsxs("div",{role:"listbox",className:"absolute z-[100] top-full right-0 mt-1.5 min-w-[16rem] max-h-80 overflow-y-auto bg-surface-raised border border-surface-border rounded-md shadow-lg py-1",children:[e.jsx(Ke,{label:"Stations",note:`${l} station${l===1?"":"s"}`,active:n===null,onClick:()=>r(null)}),t.map(d=>e.jsx(At,{lens:d,active:n===d,fetchCount:a,onClick:()=>r(d)},d))]})]})}function Ke({label:t,note:n,active:l,onClick:c,mono:a}){return e.jsxs("button",{type:"button",role:"option","aria-selected":l,onClick:c,className:`w-full text-left px-3 py-1.5 flex items-baseline gap-2.5 transition-colors ${l?"text-accent bg-accent/5":"text-text-primary hover:bg-surface-hover"}`,children:[e.jsx("span",{className:`text-xs font-medium truncate ${a?"font-mono":""}`,children:t}),n&&e.jsx("span",{className:"ml-auto text-2xs font-mono text-text-quaternary tabular-nums shrink-0",children:n})]})}function At({lens:t,active:n,fetchCount:l,onClick:c}){var s,r;const i=(r=(s=I({query:{entity:t},groupBy:{},measure:{kind:"membership"},distinctBy:t},{enabled:l}).data)==null?void 0:s.groups[0])==null?void 0:r.count;return e.jsx(Ke,{label:`by ${t}`,mono:!0,note:i!=null?`${i} in queue`:null,active:n,onClick:c})}const et=800,tt=270,K=28,Ft=60,Se=24,Tt=72,ve=et-K-Ft,Ee=tt-Se-Tt,D=Se+Ee,Me=K+ve,O="0.5s cubic-bezier(0.4, 0, 0.2, 1)",Ie=9;function It(t){return`M ${(t.x-Ie).toFixed(1)} ${t.y.toFixed(1)} L ${(t.x+Ie).toFixed(1)} ${t.y.toFixed(1)}`}function xe(t){if(t.length===0)return"";if(t.length===1)return It(t[0]);const n=[];for(let l=0;l<t.length-1;l++){const c=t[Math.max(0,l-1)],a=t[l],i=t[l+1],s=t[Math.min(t.length-1,l+2)],r=(a.x+(i.x-c.x)/6).toFixed(1),d=(a.y+(i.y-c.y)/6).toFixed(1),x=(i.x-(s.x-a.x)/6).toFixed(1),m=(i.y-(s.y-a.y)/6).toFixed(1);l===0&&n.push(`M ${a.x.toFixed(1)} ${a.y.toFixed(1)}`),n.push(`C ${r} ${d}, ${x} ${m}, ${i.x.toFixed(1)} ${i.y.toFixed(1)}`)}return n.join(" ")}function Wt(t,n){if(t.length<2||n.length<2)return"";const l=xe(t),c=[...n].reverse(),a=xe(c),i=a.slice(a.indexOf("C"));return`${l} L ${c[0].x.toFixed(1)} ${c[0].y.toFixed(1)} ${i} Z`}function We(t){return t>=1e4?`${Math.round(t/1e3)}k`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function be(t){return t.length>0?t[t.length-1]:void 0}function Dt(t){return[1,2,5,10,20,50,100,200,500,1e3,2e3,5e3,1e4,2e4,5e4].filter(l=>l>0&&l<t*.98)}function Ut(t){return[.25,.5,.75].map(l=>Math.round(l*t)).filter(l=>l>0)}const ee="rgb(var(--lt-status-claimed-graphic))",ue="rgb(var(--lt-status-queued-graphic))",z="rgb(var(--lt-status-success-graphic))",te="rgb(var(--lt-text-quaternary))",me="rgb(var(--lt-status-error))";function he(t,n){return t.replace(/\)$/,` / ${n})`)}const Ht=13;function zt(t,n){const l=[...t].sort((s,r)=>s.y-r.y);let c=-1/0;const a=l.map(s=>{const r=Math.max(s.y+3,c+Ht);return c=r,{...s,labelY:r}}),i=a.length>0?a[a.length-1].labelY-n:0;if(i>0)for(const s of a)s.labelY-=i;return a}function Yt({stations:t,selectedRole:n,onSelect:l,onUpstreamSelect:c,onCmdClick:a,periodHours:i,logScale:s=!1,fill:r=!1}){const[d,x]=h.useState(null),m=t.length;if(m===0)return null;const b=o=>m===1?K+ve/2:K+o/(m-1)*ve,v=new Map(t.map((o,k)=>[o.role,b(k)])),S=t.map((o,k)=>{var L,oe,le,Q;const p=o.target_per_hour??null,R=p!=null?p*i:null;return{idx:k,x:b(k),expected:R,actual:((L=o.metric)==null?void 0:L.resolved)??0,active:((oe=o.metric)==null?void 0:oe.claimed)??0,pending:((le=o.metric)==null?void 0:le.pending)??0,priorityCount:((Q=o.metric)==null?void 0:Q.priority_count)??0}}),y=S.some(o=>o.expected!=null),P=Math.max(1,...S.map(o=>o.expected??0),...S.map(o=>o.actual),...S.map(o=>o.expected!=null?o.pending:0))*1.15,M=s?o=>{const k=Math.log(1+P);return Se+Ee*(1-Math.log(1+Math.max(0,o))/k)}:o=>Se+Ee*(1-Math.max(0,Math.min(o,P))/P),_=s?Dt(P):Ut(P),$=S.filter(o=>o.expected!=null),B=$.map(o=>({...o,y:M(o.expected)})),C=$.map(o=>({...o,y:M(o.actual)})),j=$.map(o=>({...o,y:M(o.active)})),E=$.map(o=>({...o,y:M(o.pending)})),U=xe(B),f=xe(C),q=xe(j),A=xe(E),F=be(C),ie=be(B),T=be(j),H=be(E),ne=C.length>=2&&F?`${f} L ${F.x.toFixed(1)} ${D} L ${C[0].x.toFixed(1)} ${D} Z`:"",Y=$.some(o=>o.pending>0||o.active>0),ae=Y&&j.length>=2&&T?`${q} L ${T.x.toFixed(1)} ${D} L ${j[0].x.toFixed(1)} ${D} Z`:"",re=Y?Wt(E,j):"",V=$.some(o=>o.active>0),G=$.some(o=>o.pending>o.active),W=zt([ie?{key:"target",text:"Target",color:te,y:ie.y}:null,F?{key:"actual",text:"Resolved",color:z,y:F.y}:null,V&&T?{key:"active",text:"Claimed",color:ee,y:T.y}:null,G&&H?{key:"queued",text:"Pending",color:ue,y:H.y}:null].filter(Boolean),D+4);return e.jsxs("svg",{viewBox:`0 0 ${et} ${tt}`,className:r?"w-full h-full":"w-full",preserveAspectRatio:"xMidYMid meet",style:{display:"block",...r?{}:{height:"auto"}},children:[_.map(o=>{const k=M(o);return e.jsxs("g",{children:[e.jsx("line",{x1:K,y1:k,x2:Me,y2:k,className:"stroke-surface-border",strokeWidth:.5,opacity:s?.45:.3,strokeDasharray:s?"2 5":void 0,style:{transition:`y1 ${O}, y2 ${O}`}}),e.jsx("text",{x:K-4,y:k+2.5,textAnchor:"end",fontSize:6,fontFamily:"ui-monospace, monospace",opacity:.35,className:"fill-text-quaternary",children:We(o)})]},`grid-${o}`)}),t.map(o=>{if(!o.parent_role)return null;const k=v.get(o.parent_role);if(k==null)return null;const p=b(t.findIndex(R=>R.role===o.role));return e.jsx("line",{x1:k,y1:D,x2:p,y2:D,className:"stroke-surface-border",strokeWidth:.75},`dep-${o.role}`)}),ne&&e.jsx("path",{d:ne,opacity:.05,style:{fill:z,transition:`d ${O}`}}),ae&&e.jsx("path",{d:ae,opacity:.12,style:{fill:ee,transition:`d ${O}`}}),re&&e.jsx("path",{d:re,opacity:.12,style:{fill:ue,transition:`d ${O}`}}),U&&e.jsx("path",{d:U,fill:"none",strokeWidth:.75,strokeDasharray:"2 3",strokeLinecap:"round",opacity:.7,style:{stroke:te,transition:`d ${O}`}}),B.map(o=>e.jsxs("g",{transform:`translate(${o.x} ${o.y})`,style:{transition:`transform ${O}`},children:[e.jsx("circle",{r:2,opacity:.8,style:{fill:te}}),e.jsx("text",{y:-5,textAnchor:"middle",fontSize:6.5,fontFamily:"ui-monospace, monospace",fontWeight:"500",opacity:.7,style:{fill:te},children:Math.round(o.expected)})]},`tval-${o.idx}`)),Y&&A&&e.jsx("path",{d:A,fill:"none",strokeWidth:.75,strokeDasharray:"2 3",strokeLinecap:"round",opacity:.55,style:{stroke:ue,transition:`d ${O}`}}),q&&e.jsx("path",{d:q,fill:"none",strokeWidth:.75,strokeDasharray:"2 3",strokeLinecap:"round",opacity:.5,style:{stroke:ee,transition:`d ${O}`}}),f&&e.jsx("path",{d:f,fill:"none",strokeWidth:.6,strokeLinejoin:"round",strokeLinecap:"round",opacity:.65,style:{stroke:z,transition:`d ${O}`}}),j.map((o,k)=>{if(o.pending<=0&&o.active<=0)return null;const p=Math.max(2.5,Math.min(5,2.5+o.active/10)),R=o.pending>o.active,L=Math.min(E[k].y-4,o.y-p-4);return e.jsxs("g",{children:[o.pending>0&&e.jsx("text",{x:o.x,y:L,textAnchor:"middle",fontSize:7.5,fontFamily:"ui-monospace, monospace",fontWeight:"600",style:{fill:R?ue:"rgb(var(--lt-text-tertiary))",transition:`y ${O}`},children:o.pending}),e.jsxs("g",{transform:`translate(${o.x} ${o.y})`,style:{transition:`transform ${O}`},children:[e.jsx("circle",{r:p,opacity:.85,style:{fill:ee}}),o.active>0&&e.jsx("text",{y:p+9,textAnchor:"middle",fontSize:7.5,fontFamily:"ui-monospace, monospace",fontWeight:"600",style:{fill:ee},children:o.active})]})]},`active-${o.idx}`)}),S.map(o=>{var N;const k=t[o.idx],p=o.x,R=o.expected!=null?M(o.actual):D,L=Math.max(2.25,Math.min(4,2.25+o.actual/160)),oe=k.role===n,le=d===o.idx,Q=o.expected==null?"idle · set a target rate to plot pace":`${o.actual} resolved · target ${Math.round(o.expected)}`+(o.pending>o.active?` · ${o.pending-o.active} pending`:"")+(o.active>0?` · ${o.active} claimed`:"")+(o.priorityCount>0?` · ${o.priorityCount} in jeopardy`:""),ce=Q.length*5.5+20,fe=Math.max(K+ce/2+4,Math.min(Me-ce/2-4,p)),u=R-L-10;return e.jsxs("g",{onClick:g=>{g.metaKey||g.ctrlKey?(g.stopPropagation(),a==null||a(k.role)):l(k.role)},onMouseEnter:()=>x(o.idx),onMouseLeave:()=>x(null),style:{cursor:"pointer"},children:[e.jsxs("g",{transform:`translate(${p} ${R})`,style:{transition:`transform ${O}`},children:[e.jsx("circle",{r:22,fill:"transparent"}),e.jsx("circle",{r:L,opacity:.9,style:{fill:z,transition:`r ${O}`}}),o.expected!=null&&e.jsx("text",{y:-L-5,textAnchor:"middle",fontSize:9.5,fontFamily:"ui-monospace, monospace",fontWeight:"500",style:{fill:z},children:We(o.actual)}),le&&!oe&&e.jsx("circle",{r:L+3,fill:"none",strokeWidth:1,opacity:.4,style:{stroke:z}}),oe&&e.jsx("circle",{r:L+4,fill:"none",className:"stroke-accent",strokeWidth:2})]}),(((N=k.upstream_roles)==null?void 0:N.length)??0)>0&&e.jsxs("g",{transform:`translate(${p-20} ${D})`,onClick:g=>{g.stopPropagation(),c==null||c(k.upstream_roles[0])},style:{cursor:"pointer"},children:[e.jsx("title",{children:`Fed by ${k.upstream_roles.join(", ")} — click to view that sequence`}),e.jsx("circle",{r:9,cy:-6,fill:"transparent"}),e.jsx("path",{d:"M -7 -14 C -3 -14 -1 -9 0 -2",fill:"none",className:"stroke-text-quaternary",strokeWidth:1,strokeDasharray:"2 2",strokeLinecap:"round"}),e.jsx("path",{d:"M 0 -2 L 8 -2",className:"stroke-text-quaternary",strokeWidth:1,strokeLinecap:"round"}),e.jsx("path",{d:"M 8 -2 l -3.5 -2 v 4 z",className:"fill-text-quaternary"})]}),e.jsx("text",{x:p,y:D+(o.idx%2===0?14:27),textAnchor:"middle",fontSize:9.5,className:"fill-text-tertiary",fontFamily:"ui-sans-serif, sans-serif",fontWeight:"500",children:pe(k)}),le&&e.jsxs("g",{children:[e.jsx("rect",{x:fe-ce/2,y:u-16,width:ce,height:19,rx:3,className:"fill-text-primary",opacity:.88}),e.jsx("text",{x:fe,y:u-3,textAnchor:"middle",fontSize:8.5,className:"fill-surface",fontFamily:"ui-monospace, monospace",children:Q})]})]},k.role)}),!y&&e.jsx("text",{x:K+ve/2,y:D+48,textAnchor:"middle",fontSize:8.5,className:"fill-text-quaternary",fontFamily:"ui-sans-serif, sans-serif",children:"Set target_per_hour on each role in Admin → Roles to enable the pace chart"}),W.map(o=>e.jsx("text",{x:Me+6,y:o.labelY,fontSize:8,fontFamily:"ui-sans-serif, sans-serif",fontWeight:o.key==="actual"?700:500,opacity:o.key==="active"?.85:1,style:{fill:o.color,transition:`y ${O}`},children:o.text},o.key))]})}function st(t){const n=t.priority_facet?`metadata.${t.priority_facet}`:"created_at",l=JSON.stringify([{field:n,direction:"asc"}]);return`/escalations/available?role=${encodeURIComponent(t.role)}&jeopardy=1&view=table&orderBy=${encodeURIComponent(l)}`}function Vt({role:t,periodHours:n,onOpenEntity:l}){var _,$,B,C,j,E,U;const c=Re(n),a=t.entity_facet,[i,s]=h.useState(!1),[,r]=Ze(),d=()=>{a&&r(f=>{const q=new URLSearchParams(f);return q.set("lens",a),q})},x=I({query:{roles:[t.role]},groupBy:{columns:["subtype"]},measure:{kind:"dwell",window:c},orderBy:[{field:"dwellSeconds",direction:"desc"}]}),m=I({query:{roles:[t.role]},groupBy:{columns:["subtype"]},measure:{kind:"membership"},orderBy:[{field:"count",direction:"desc"}]}),b=I(a?{query:{roles:[t.role]},groupBy:{},measure:{kind:"membership"},distinctBy:a}:null),v=I(a&&i?{query:{roles:[t.role],exists:[a]},groupBy:{facets:[a]},measure:{kind:"dwell",window:c},orderBy:[{field:"dwellSeconds",direction:"desc"}],limit:8}:null),S=h.useMemo(()=>{var f,q;return Je([...((f=x.data)==null?void 0:f.groups)??[],...((q=m.data)==null?void 0:q.groups)??[]])},[x.data,m.data]);if(ke(x.error))return e.jsx("div",{className:"border-t border-surface-border/40 pt-4 mt-5",children:e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Analytics require full read access to this station's queue."})});const y=(((_=x.data)==null?void 0:_.groups)??[]).filter(f=>(f.dwellSeconds??0)>0),w=y.reduce((f,q)=>f+(q.dwellSeconds??0),0),P=((($=m.data)==null?void 0:$.groups)??[]).filter(f=>(f.count??0)>0),M=((C=(B=b.data)==null?void 0:B.groups[0])==null?void 0:C.count)??null;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"border-t border-surface-border/40 pt-4 mt-5",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-2.5",children:"Where the time went"}),w>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"h-2 flex rounded-full overflow-hidden bg-surface-sunken mb-2.5",children:y.map(f=>e.jsx("div",{style:{width:`${(f.dwellSeconds??0)/w*100}%`,backgroundColor:S.get(J(f.subtype))}},J(f.subtype)))}),e.jsx("div",{className:"space-y-1",children:y.map(f=>e.jsxs("div",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"w-2 h-2 rounded-full shrink-0",style:{backgroundColor:S.get(J(f.subtype))}}),e.jsx("span",{className:`font-mono truncate flex-1 ${f.subtype?"text-text-secondary":"text-text-tertiary"}`,children:$e(f.subtype)}),e.jsx("span",{className:"font-mono tabular-nums text-text-secondary shrink-0",children:se((f.dwellSeconds??0)*1e3)}),e.jsxs("span",{className:"font-mono tabular-nums text-text-quaternary w-8 text-right shrink-0",children:[Math.round((f.dwellSeconds??0)/w*100),"%"]})]},J(f.subtype)))}),((j=x.data)==null?void 0:j.overflow)&&e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"more groups exist — narrow the window"})]}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"No tracked time in this window."})]}),e.jsxs("div",{className:"border-t border-surface-border/40 pt-4 mt-5",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-2.5",children:"In queue now"}),a&&M!=null&&e.jsxs("button",{onClick:d,className:"group flex items-center gap-1 text-2xs mb-2 text-left",title:`Open the ${a} lens — the whole system, entity-first`,children:[e.jsx("span",{className:"text-xs font-mono font-semibold text-text-primary tabular-nums",children:M})," ",e.jsx("span",{className:"font-mono text-text-tertiary group-hover:text-accent transition-colors",children:a}),e.jsx("span",{className:"text-text-quaternary",children:" in queue"}),e.jsx(yt,{className:"w-3 h-3 text-text-quaternary group-hover:text-accent transition-colors"})]}),P.length>0?e.jsx("div",{className:"space-y-1",children:P.map(f=>e.jsxs("div",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"w-2 h-2 rounded-full shrink-0",style:{backgroundColor:S.get(J(f.subtype))}}),e.jsx("span",{className:`font-mono truncate flex-1 ${f.subtype?"text-text-secondary":"text-text-tertiary"}`,children:$e(f.subtype)}),e.jsx("span",{className:"font-mono tabular-nums text-text-primary shrink-0",children:f.count})]},J(f.subtype)))}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Queue clear."}),a&&e.jsxs("div",{className:"mt-3",children:[e.jsxs("button",{onClick:()=>s(f=>!f),className:"flex items-center gap-1 text-2xs text-text-tertiary hover:text-accent transition-colors",children:[i?e.jsx(Pe,{className:"w-3 h-3"}):e.jsx(gt,{className:"w-3 h-3"}),"By entity"]}),i&&(ke(v.error)?e.jsx("p",{className:"text-2xs text-text-quaternary mt-1.5",children:"Requires full read access to this station's queue."}):e.jsxs("div",{className:"space-y-1 mt-1.5",children:[(((E=v.data)==null?void 0:E.groups)??[]).map(f=>{const q=f.facets[a];return q==null?null:e.jsxs("div",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"font-mono truncate flex-1 text-text-secondary",title:q,children:q}),e.jsx("span",{className:"font-mono tabular-nums text-text-secondary shrink-0",children:se((f.dwellSeconds??0)*1e3)}),e.jsx("button",{className:"icon-link shrink-0",title:"Open timeline",onClick:()=>l(a,q),children:e.jsx(Qe,{className:"w-3 h-3"})})]},q)}),v.data&&v.data.groups.length===0&&e.jsx("p",{className:"text-2xs text-text-quaternary",children:"No entities in this window."}),((U=v.data)==null?void 0:U.overflow)&&e.jsx("p",{className:"text-2xs text-text-quaternary",children:"top 8 by dwell"})]}))]})]})]})}const nt=["15m","1h","24h","7d","30d"],Gt=t=>nt.includes(t),Qt={"15m":.25,"1h":1,"24h":24,"7d":168,"30d":720};function je(t){if(t==null)return"—";if(t<1){const n=Math.round(t*60);return n<=0?"< 1s":`${n}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function Ne({label:t,value:n}){return e.jsxs("div",{className:"flex items-center justify-between py-1.5",children:[e.jsx("span",{className:"text-2xs text-text-tertiary uppercase tracking-wider",children:t}),e.jsx("span",{className:"text-xs font-mono font-medium text-text-primary tabular-nums",children:n})]})}function Xt({period:t,onChange:n}){return e.jsx("div",{className:"flex items-center gap-1 mb-4",children:nt.map(l=>e.jsx("button",{onClick:()=>n(l),className:`px-2 py-0.5 text-2xs font-mono rounded transition-colors ${t===l?"bg-accent/10 text-accent font-semibold":"icon-link"}`,children:l},l))})}function Zt({role:t,globalPeriod:n,onClose:l}){const[c,a]=h.useState(Gt(n)?n:"24h"),{data:i}=Ge(c),s=i==null?void 0:i.stations.find(v=>v.role===t.role),r=t.sla_minutes??void 0,d=t.target_per_hour??void 0,x=t.worker_count??void 0,m=Ve(),b=h.useCallback((v,S)=>{m==null||m.setPanel(t.entity_facet?e.jsx(Ce,{facetKey:v,value:S,entity:t.entity_facet}):e.jsx(Ce,{facetKey:v,value:S,role:t.role}),{key:"entity-timeline",width:420})},[m,t.role,t.entity_facet]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline gap-1.5 flex-wrap",children:[e.jsx("span",{className:"text-sm font-bold text-text-primary",children:pe(t)}),e.jsx("span",{className:"text-2xs font-mono text-text-secondary",children:t.role})]}),t.description&&e.jsx("p",{className:"text-2xs text-text-tertiary mt-1 line-clamp-2 leading-relaxed",children:t.description})]}),e.jsx("button",{onClick:l,className:"icon-link mt-0.5 shrink-0 ml-2",children:e.jsx(bt,{className:"w-4 h-4"})})]}),s&&s.priority_count>0&&e.jsxs(Z,{to:st(t),className:"flex items-center justify-between group mb-4",children:[e.jsxs("span",{className:"text-2xs",style:{color:me},children:[s.priority_count," in jeopardy — pull oldest first"]}),e.jsx(jt,{className:"w-3 h-3 transition-colors",style:{color:me}})]}),e.jsx(Xt,{period:c,onChange:a}),(d||r||x)&&e.jsxs("div",{className:"flex items-center gap-6 mb-6 text-2xs border-b border-surface-border/30 pb-5",children:[d&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary text-sm",children:[d,"/h"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5",children:"target"})]}),r&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary text-sm",children:[r,"m"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5",children:"SLA"})]}),x&&e.jsxs("div",{children:[e.jsx("div",{className:"font-mono font-semibold text-text-primary text-sm",children:x}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5",children:"workers"})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-4 mb-2",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs text-text-quaternary uppercase tracking-wider mb-2",children:"Wait (queue)"}),e.jsx(Ne,{label:"P99",value:je((s==null?void 0:s.wait.p99)??null)}),e.jsx(Ne,{label:"avg",value:je((s==null?void 0:s.wait.avg)??null)})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs text-text-quaternary uppercase tracking-wider mb-2",children:"Work (proc.)"}),e.jsx(Ne,{label:"P99",value:je((s==null?void 0:s.work.p99)??null)}),e.jsx(Ne,{label:"avg",value:je((s==null?void 0:s.work.avg)??null)})]})]}),r&&e.jsx("div",{className:"border-t border-surface-border/40 pt-4 mt-5",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-2xs text-text-tertiary",children:"SLA target"}),e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:[r,"m"]})]})}),e.jsx(Vt,{role:t,periodHours:Qt[c],onOpenEntity:b})]})}function Jt({allMetrics:t,orderedRoles:n,period:l}){const c=t.reduce((x,m)=>x+m.pending,0),a=t.reduce((x,m)=>x+m.resolved,0),i=t.reduce((x,m)=>x+m.priority_count,0),s=new Map(t.map(x=>[x.role,x])),r=t.filter(x=>x.priority_count>0).length,d=t.filter(x=>x.pending>0).length;return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-2xs text-text-quaternary uppercase tracking-wider mb-3",children:["Pipeline · ",l]}),e.jsx("div",{className:"mb-4",children:r>0?e.jsxs("p",{className:"text-2xs",style:{color:me},children:[r," station",r>1?"s":""," with items in jeopardy"]}):d>0?e.jsxs("p",{className:"text-2xs text-status-warning",children:[d," station",d>1?"s":""," with backlog"]}):a>0?e.jsx("p",{className:"text-2xs text-status-success",children:"Flowing — queue clear"}):e.jsx("p",{className:"text-2xs text-text-quaternary",children:"Quiet — awaiting work"})}),e.jsxs("div",{className:"space-y-1.5 mb-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider",children:"Pending"}),e.jsx("span",{className:`text-xs font-mono tabular-nums ${c>0?"text-text-primary font-semibold":"text-text-quaternary"}`,children:c})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider",children:["Resolved · ",l]}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-secondary",children:a})]}),i>0&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider",children:"Priority"}),e.jsx("span",{className:"text-xs font-mono tabular-nums font-semibold",style:{color:me},children:i})]})]}),e.jsx("div",{className:"border-t border-surface-border/40 pt-2 mb-1",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider flex-1",children:"Station"}),e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"pend"}),e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"clmd"}),e.jsx("span",{className:"text-2xs text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"res"})]})}),e.jsx("div",{className:"space-y-0.5",children:n.map(x=>{const m=s.get(x.role),b=(m==null?void 0:m.pending)??0,v=(m==null?void 0:m.claimed)??0,S=(m==null?void 0:m.resolved)??0,y=(m==null?void 0:m.priority_count)??0,w=x.title||x.role,P=y>0,M=b>0;return e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsx("span",{className:`text-2xs font-mono flex-1 truncate ${M?"text-text-primary":"text-text-quaternary"}`,title:w,children:w}),e.jsx("span",{className:"text-[0.625rem] leading-none font-semibold tabular-nums w-4 text-right shrink-0",style:{color:me},title:P?`${y} priority — pull oldest first`:void 0,children:P?y:""}),e.jsx("span",{className:`text-2xs font-mono tabular-nums w-8 text-right shrink-0 ${M?"text-text-primary font-semibold":"text-text-quaternary"}`,children:b>0?b:"—"}),e.jsx("span",{className:`text-2xs font-mono tabular-nums w-8 text-right shrink-0 ${v>0?"text-accent font-semibold":"text-text-quaternary"}`,children:v>0?v:"—"}),e.jsx("span",{className:`text-2xs font-mono tabular-nums w-8 text-right shrink-0 ${S>0?"text-text-secondary":"text-text-quaternary"}`,children:S>0?S:"—"})]},x.role)})}),e.jsx("p",{className:"text-2xs text-text-quaternary mt-5",children:"Select a station for queue detail."})]})}function Kt({role:t,allMetrics:n,orderedRoles:l,globalPeriod:c,mixGroups:a,onClose:i}){return e.jsx("div",{className:"w-[280px] shrink-0 px-7 py-10 flex flex-col overflow-y-auto min-h-0",children:t?e.jsx(Zt,{role:t,globalPeriod:c,onClose:i}):e.jsxs(e.Fragment,{children:[e.jsx(Jt,{allMetrics:n,orderedRoles:l,period:c}),e.jsx(es,{mixGroups:a,orderedRoles:l})]})})}function es({mixGroups:t,orderedRoles:n}){const l=new Set(n.map(r=>r.role)),c=(t??[]).filter(r=>r.role&&l.has(r.role)&&(r.dwellSeconds??0)>0);if(c.length===0)return null;const a=new Map(n.map(r=>[r.role,r.title||r.role])),i=De(c,r=>r.role),s=De(c,r=>$e(r.subtype));return e.jsxs(e.Fragment,{children:[e.jsx(Ue,{label:"Time by station",entries:i,display:r=>a.get(r)??r}),e.jsx(Ue,{label:"Time by subtype",entries:s,display:r=>r})]})}function De(t,n){const l=new Map;for(const c of t){const a=n(c);l.set(a,(l.get(a)??0)+(c.dwellSeconds??0))}return[...l.entries()].sort(([,c],[,a])=>a-c)}function Ue({label:t,entries:n,display:l}){const c=Le(n.map(([i,s])=>({label:i,weight:s}))),a=n.reduce((i,[,s])=>i+s,0)||1;return e.jsxs("div",{className:"border-t border-surface-border/40 pt-4 mt-5",children:[e.jsx("p",{className:"text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-2.5",children:t}),e.jsx("div",{className:"h-2 flex rounded-full overflow-hidden bg-surface-sunken mb-2",children:n.map(([i,s])=>e.jsx("div",{style:{width:`${s/a*100}%`,backgroundColor:c.get(i)}},i))}),e.jsxs("div",{className:"space-y-0.5",children:[n.slice(0,6).map(([i,s])=>e.jsxs("div",{className:"flex items-center gap-2 text-2xs",children:[e.jsx("span",{className:"w-2 h-2 rounded-full shrink-0",style:{backgroundColor:c.get(i)}}),e.jsx("span",{className:"font-mono text-text-secondary truncate flex-1",children:l(i)}),e.jsx("span",{className:"font-mono tabular-nums text-text-tertiary shrink-0",children:se(s*1e3)}),e.jsxs("span",{className:"font-mono tabular-nums text-text-quaternary w-8 text-right shrink-0",children:[Math.round(s/a*100),"%"]})]},i)),n.length>6&&e.jsxs("p",{className:"text-2xs text-text-quaternary",children:["+",n.length-6," more"]})]})]})}const ts=te,Ae="rgb(var(--lt-accent))",at=he(te,.09),rt=he(te,.09),ot=he(Ae,.07),lt=he(ue,.08),it=he(ee,.08),ct=he(z,.08),ss=["15m","1h","24h","7d","30d"],we={"15m":.25,"1h":1,"24h":24,"7d":168,"30d":720};function _e(t){const n=t.filter(s=>s.ops_visible),l=new Map(n.map(s=>[s.role,s])),c=new Set,i=n.filter(s=>!s.parent_role||!l.has(s.parent_role)).map(s=>{const r=[],d=[{role:s,depth:0}];for(;d.length>0;){const x=d.shift();c.has(x.role.role)||(c.add(x.role.role),r.push(x),n.filter(m=>m.parent_role===x.role.role&&!c.has(m.role)).forEach(m=>d.push({role:m,depth:x.depth+1})))}return{origin:s,stations:r}});return n.filter(s=>!c.has(s.role)).forEach(s=>i.push({origin:s,stations:[{role:s,depth:0}]})),i.sort((s,r)=>r.stations.length-s.stations.length||s.origin.role.localeCompare(r.origin.role))}function He(t){if(t==null)return"—";if(t<1){const n=Math.round(t*60);return n<=0?"< 1s":`${n}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function ns(t,n){if(!n||t===0)return{pct:null,color:"bg-surface-border"};const l=t/n,c=Math.round(l*100),a=l>1?"bg-status-warning":l<.2?"bg-status-draft":"bg-status-success";return{pct:c,color:a}}function ze({value:t,onSave:n}){const[l,c]=h.useState(t!=null?String(t):""),a=h.useRef(void 0),i=s=>{const r=parseInt(s,10);n(!s.trim()||isNaN(r)||r<0?null:r)};return e.jsx("input",{type:"number",min:0,step:1,value:l,onChange:s=>{const r=s.target.value;c(r),clearTimeout(a.current),a.current=setTimeout(()=>i(r),400)},onBlur:s=>{clearTimeout(a.current),i(s.target.value)},onClick:s=>s.stopPropagation(),onKeyDown:s=>s.stopPropagation(),className:"w-full bg-transparent text-xs font-mono tabular-nums text-right focus:outline-none"})}function as({role:t,metric:n,mixGroups:l,mixColors:c,selected:a,periodHours:i,onClick:s}){var C;const r=mt(),{isBuilder:d,isOps:x}=pt(),m=(n==null?void 0:n.pending)??0,b=(n==null?void 0:n.claimed)??0,v=(n==null?void 0:n.resolved)??0,S=(n==null?void 0:n.priority_count)??0,y=t.target_per_hour??null,{pct:w,color:P}=ns(m,y),M=w!=null?Math.min(100,w):0,_=ls(t.target_per_hour??null,t.sla_minutes??null,m,i),$=j=>r.mutate({role:t.role,target_per_hour:j}),B=j=>r.mutate({role:t.role,sla_minutes:j});return e.jsxs("tr",{tabIndex:0,onClick:s,onKeyDown:j=>{j.key==="Enter"&&s()},className:`cursor-pointer border-b border-surface-border/30 last:border-b-0 transition-colors ${a?"border-l-2 !border-l-accent":""}`,children:[e.jsx("td",{className:"pl-3 pr-2 py-1.5 overflow-hidden",children:e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"font-bold text-text-primary truncate text-xs",children:pe(t)}),(((C=t.upstream_roles)==null?void 0:C.length)??0)>0&&e.jsx("span",{title:`Fed by ${t.upstream_roles.join(", ")}`,className:"shrink-0 leading-none",children:e.jsx(wt,{className:"w-3 h-3 text-text-quaternary"})})]})}),e.jsx("td",{className:"hidden xl:table-cell pr-2 py-1.5 overflow-hidden",children:e.jsx("span",{className:"block font-mono text-2xs text-text-tertiary truncate",children:t.role})}),e.jsx("td",{className:"px-2 py-1.5",style:{backgroundColor:at},children:e.jsx(ze,{value:t.target_per_hour??null,onSave:$})}),e.jsx("td",{className:"px-2 py-1.5",style:{backgroundColor:rt},children:e.jsx(ze,{value:t.sla_minutes??null,onSave:B})}),e.jsx("td",{className:"px-2 py-1.5 text-right",style:{backgroundColor:ot},title:_!=null?`~${_} concurrent worker${_===1?"":"s"} to sustain ${t.target_per_hour}/h within ${t.sla_minutes}m SLA`:void 0,children:e.jsx("span",{className:`text-xs font-mono tabular-nums ${_!=null?"":"text-text-quaternary"}`,style:_!=null?{color:Ae}:void 0,children:_??"—"})}),e.jsx("td",{className:"px-2 py-1.5 text-right",style:{backgroundColor:lt},children:e.jsx(Z,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=available`,className:`text-xs font-mono tabular-nums hover:underline ${m>0?"text-text-primary font-semibold":"text-text-quaternary"}`,onClick:j=>j.stopPropagation(),children:m})}),e.jsx("td",{className:"px-2 py-1.5 text-right",style:{backgroundColor:it},children:e.jsx(Z,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=claimed`,className:`text-xs font-mono tabular-nums hover:underline ${b>0?"font-semibold":"text-text-quaternary"}`,style:b>0?{color:ee}:void 0,onClick:j=>j.stopPropagation(),children:b})}),e.jsx("td",{className:"px-2 py-1.5 text-right",style:{backgroundColor:ct},children:e.jsx(Z,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=resolved`,className:`text-xs font-mono tabular-nums hover:underline ${v>0?"text-text-secondary":"text-text-quaternary"}`,style:v>0?{color:z}:void 0,onClick:j=>j.stopPropagation(),children:v})}),e.jsx("td",{className:"hidden xl:table-cell px-2 py-1.5 text-right",children:e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-secondary",children:He((n==null?void 0:n.wait.p99)??null)})}),e.jsx("td",{className:"hidden xl:table-cell px-2 py-1.5 text-right",children:e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-secondary",children:He((n==null?void 0:n.work.p99)??null)})}),e.jsx("td",{className:"hidden lg:table-cell px-2 py-1.5",children:e.jsx(Ct,{groups:l,colors:c})}),e.jsx("td",{className:"hidden lg:table-cell px-2 py-1.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-12 h-1.5 bg-surface-sunken rounded-full overflow-hidden shrink-0",children:e.jsx("div",{className:`h-full rounded-full ${P}`,style:{width:`${M}%`}})}),e.jsx("span",{className:`text-2xs font-mono tabular-nums ${w!=null&&w>100?"text-status-warning font-semibold":"text-text-quaternary"}`,children:w!=null?`${w}%`:"—"})]})}),e.jsx("td",{className:"py-1.5",children:e.jsxs("div",{className:"flex items-center justify-center gap-1.5",children:[e.jsx(Z,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=all`,className:"icon-link",title:"View all items in queue",onClick:j=>j.stopPropagation(),children:e.jsx(vt,{className:"w-3.5 h-3.5"})}),e.jsx("span",{className:"w-3.5 flex items-center justify-center",children:(d||x)&&e.jsx(Z,{to:`/admin/roles/${encodeURIComponent(t.role)}?section=pace-board`,className:"icon-link",title:"Configure this station",onClick:j=>j.stopPropagation(),children:e.jsx(kt,{className:"w-3.5 h-3.5"})})}),e.jsx("span",{className:"w-3.5 flex items-center justify-center",children:S>0&&e.jsx(Z,{to:st(t),className:"text-status-error hover:opacity-70 transition-opacity",title:`${S} item${S===1?"":"s"} in jeopardy — pull oldest first`,onClick:j=>j.stopPropagation(),children:e.jsx(Xe,{className:"w-3.5 h-3.5",strokeWidth:2})})})]})})]})}function Ye({n:t}){return t<=0?null:e.jsxs("span",{className:"inline-flex items-center gap-0.5 font-semibold tabular-nums",style:{color:me},title:`${t} in jeopardy`,children:[e.jsx(Xe,{className:"w-3 h-3",strokeWidth:2.25}),t>9?"9+":t]})}function rs({fragments:t,aggregates:n,activeOrigin:l,onSelect:c}){const[a,i]=h.useState(!1),s=h.useRef(null);h.useEffect(()=>{if(!a)return;const x=b=>{s.current&&!s.current.contains(b.target)&&i(!1)},m=b=>{b.key==="Escape"&&i(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",m)}},[a]);const r=t.find(x=>x.origin.role===l)??t[0];if(!r)return null;const d=n.get(r.origin.role);return e.jsxs("div",{ref:s,className:"relative px-4 pt-2",children:[e.jsxs("button",{type:"button",onClick:()=>i(x=>!x),className:"group flex items-baseline gap-2.5","aria-expanded":a,"aria-haspopup":"listbox",children:[e.jsx("span",{className:"text-sm font-medium text-text-primary group-hover:text-accent transition-colors",children:pe(r.origin)}),e.jsxs("span",{className:"text-2xs font-mono text-text-quaternary tabular-nums",children:[(d==null?void 0:d.stations)??r.stations.length," station",((d==null?void 0:d.stations)??r.stations.length)===1?"":"s"," · ",(d==null?void 0:d.pending)??0," pending"]}),e.jsx(Ye,{n:(d==null?void 0:d.jeopardy)??0}),e.jsx(Pe,{className:`w-3.5 h-3.5 self-center shrink-0 text-text-tertiary group-hover:text-accent transition-transform ${a?"rotate-180":""}`,strokeWidth:1.5})]}),a&&e.jsx("div",{role:"listbox",className:"absolute z-[100] top-full left-4 mt-1.5 min-w-[20rem] max-h-80 overflow-y-auto bg-surface-raised border border-surface-border rounded-md shadow-lg py-1",children:t.map(x=>{const m=n.get(x.origin.role),b=x.origin.role===r.origin.role;return e.jsxs("button",{type:"button",role:"option","aria-selected":b,onClick:()=>{c(x.origin.role),i(!1)},className:`w-full text-left px-3 py-1.5 flex items-baseline gap-2.5 transition-colors ${b?"text-accent bg-accent/5":"text-text-primary hover:bg-surface-hover"}`,children:[e.jsx("span",{className:"text-xs font-medium truncate",children:pe(x.origin)}),e.jsxs("span",{className:"ml-auto text-2xs font-mono text-text-quaternary tabular-nums shrink-0",children:[(m==null?void 0:m.stations)??x.stations.length," st · ",(m==null?void 0:m.pending)??0," pending"]}),e.jsx("span",{className:"w-12 shrink-0 text-left text-2xs",children:e.jsx(Ye,{n:(m==null?void 0:m.jeopardy)??0})})]},x.origin.role)})})]})}const os=[{label:"TARGET/H",band:at,hue:te,w:"w-[8%]"},{label:"SLA/M",band:rt,hue:ts,w:"w-[7%]"},{label:"WORKERS",band:ot,hue:Ae,w:"w-[8%]"},{label:"PENDING",band:lt,hue:ue,w:"w-[8%]"},{label:"CLAIMED",band:it,hue:ee,w:"w-[8%]"},{label:"RESOLVED",band:ct,hue:z,w:"w-[8%]"}];function ls(t,n,l,c){if(!t||!n)return null;const a=t*n/60,i=l>0?l*n/(60*c):0;return Math.ceil(a+i)}const X="sticky top-0 z-10 bg-surface border-b border-surface-border py-1.5 text-2xs font-semibold uppercase tracking-wider whitespace-nowrap";function is(){return e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:`${X} pl-3 pr-2 text-left text-text-quaternary`,children:"NAME"}),e.jsx("th",{className:`${X} hidden xl:table-cell w-[12%] pr-2 text-left text-text-quaternary`,children:"ROLE"}),os.map(t=>e.jsx("th",{className:`${X} ${t.w} px-2 text-right`,style:{color:t.hue,backgroundImage:`linear-gradient(${t.band}, ${t.band})`},children:t.label},t.label)),e.jsx("th",{className:`${X} hidden xl:table-cell w-[8%] px-2 text-right text-text-quaternary`,children:"P99 WAIT"}),e.jsx("th",{className:`${X} hidden xl:table-cell w-[8%] px-2 text-right text-text-quaternary`,children:"P99 WORK"}),e.jsx("th",{className:`${X} hidden lg:table-cell w-[10%] px-2 text-left text-text-quaternary`,children:"MIX"}),e.jsx("th",{className:`${X} hidden lg:table-cell w-[11%] px-2 text-left text-text-quaternary`,children:"TREND"}),e.jsx("th",{className:`${X} w-20 px-1 text-center text-text-quaternary`,children:"ACTIONS"})]})})}function cs(){var fe;const[t,n]=h.useState("1h"),[l,c]=h.useState(null),[a,i]=h.useState(!1),[s,r]=h.useState(!0);ht(),ft();const{data:d,isLoading:x,refetch:m}=ut(),{data:b,isLoading:v,refetch:S}=Ge(t),y=(d==null?void 0:d.roles)??[],w=(b==null?void 0:b.stations)??[],P=h.useMemo(()=>{const u=new Map(w.map(g=>[g.role,g])),N=new Map;for(const g of _e((d==null?void 0:d.roles)??[])){let ye=0,Fe=0;for(const dt of g.stations){const de=u.get(dt.role.role);ye+=(de==null?void 0:de.pending)??0,Fe+=(de==null?void 0:de.priority_count)??0}N.set(g.origin.role,{stations:g.stations.length,pending:ye,jeopardy:Fe})}return N},[w,d]),M=h.useMemo(()=>_e(y),[y]),[_,$]=Ze(),B=_.get("fragment"),C=M.find(u=>u.origin.role===B)??M[0]??null,j=h.useCallback(u=>{c(null),$(N=>{const g=new URLSearchParams(N);return g.set("fragment",u),g})},[$]),E=(C==null?void 0:C.stations)??[],U=h.useMemo(()=>new Set(E.map(({role:u})=>u.role)),[E]),f=Re(we[t]),q=h.useMemo(()=>E.map(({role:u})=>u.role),[E]),{data:A}=I(q.length?{query:{roles:q},groupBy:{columns:["role","subtype"]},measure:{kind:"dwell",window:f}}:null),F=h.useMemo(()=>{const u=new Map;for(const N of(A==null?void 0:A.groups)??[]){if(!N.role)continue;const g=u.get(N.role)??[];g.push(N),u.set(N.role,g)}return u},[A]),ie=h.useMemo(()=>{const u=new Map;for(const[N,g]of F)u.set(N,Je(g));return u},[F]),T=h.useMemo(()=>new Map,[]),H=h.useMemo(()=>w.filter(u=>U.has(u.role)),[w,U]),ne=h.useMemo(()=>E.map(({role:u})=>({role:u.role,title:u.title,parent_role:u.parent_role,target_per_hour:u.target_per_hour??null,upstream_roles:u.upstream_roles??[],metric:w.find(N=>N.role===u.role)})),[E,w]),Y=h.useCallback(u=>{const N=M.find(g=>g.stations.some(({role:ye})=>ye.role===u));N&&j(N.origin.role)},[M,j]),ae=St(),re=((fe=E.find(({role:u})=>u.role===l))==null?void 0:fe.role)??null,V=h.useMemo(()=>{const u=new Set;for(const N of y)N.ops_visible&&N.entity_facet&&u.add(N.entity_facet);return[...u].sort()},[y]),G=_.get("lens"),W=G&&V.includes(G)?G:null,o=h.useCallback(u=>{c(null),$(N=>{const g=new URLSearchParams(N);return u?g.set("lens",u):g.delete("lens"),g.delete("entity"),g.delete("find"),g})},[$]),k=_.get("entity"),p=_.get("find"),R=h.useCallback(u=>{$(N=>{const g=new URLSearchParams(N);return u?g.set("entity",u):g.delete("entity"),g})},[$]),L=h.useCallback(u=>{$(N=>{const g=new URLSearchParams(N);return u?g.set("find",u):g.delete("find"),g},{replace:!0})},[$]),oe=x||v,le=async()=>{i(!0),await Promise.all([m(),S()]),i(!1)},Q=u=>c(N=>N===u?null:u),ce=e.jsx("div",{className:"flex items-center gap-0.5",children:ss.map(u=>e.jsx("button",{onClick:()=>n(u),className:`px-2.5 py-1 text-2xs font-mono rounded transition-colors ${t===u?"bg-accent/10 text-accent font-semibold":"icon-link"}`,children:u},u))});return e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx($t,{title:"Pace Board",docsHash:"#docs:dashboard.md:pace-board",center:ce,actions:e.jsx("button",{onClick:le,disabled:a,className:"icon-link disabled:opacity-40",children:e.jsx(Nt,{className:`w-3.5 h-3.5 ${a?"animate-spin":""}`})})}),oe?e.jsxs("div",{className:"animate-pulse space-y-6 mt-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded w-full"}),e.jsx("div",{className:"space-y-3",children:[1,2,3].map(u=>e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-full"},u))})]}):M.length===0?e.jsxs("div",{className:"mt-8",children:[e.jsx("p",{className:"text-sm text-text-secondary mb-2",children:"Stations appear here once roles are marked visible in Operations."}),e.jsxs("p",{className:"text-xs text-text-tertiary",children:["Go to"," ",e.jsx(Z,{to:"/admin/roles",className:"text-accent hover:underline",children:"Roles"})," ","and enable ",e.jsx("strong",{children:"Visible in Operations"})," on roles that represent pipeline stations."]})]}):e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsxs("div",{className:"flex items-end justify-between",children:[e.jsx("div",{className:"flex-1",children:!W&&M.length>1&&e.jsx(rs,{fragments:M,aggregates:P,activeOrigin:(C==null?void 0:C.origin.role)??null,onSelect:j})}),V.length>0&&e.jsx("div",{className:"px-4 pt-2 pb-0.5",children:e.jsx(Bt,{lenses:V,activeLens:W,stationCount:E.length,onSelect:o})}),!W&&e.jsx("div",{className:"flex items-center gap-0.5 px-4 pt-2 pb-0.5",children:["lin","log"].map(u=>e.jsx("button",{onClick:()=>r(u==="log"),className:`px-2 py-0.5 text-2xs font-mono rounded transition-colors ${(s?"log":"lin")===u?"text-accent font-semibold":"icon-link"}`,title:u==="lin"?"Linear Y axis":"Logarithmic Y axis — reveals shape across wide value ranges",children:u},u))})]}),W?e.jsx(Ot,{entityKey:W,periodHours:we[t],roles:y,find:p,onFindChange:L,entityValue:k,onEntityChange:R},W):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex-1 min-h-[40vh] flex items-stretch overflow-hidden",children:[e.jsx("div",{className:"flex-1 min-w-0 min-h-0 flex flex-col justify-center overflow-hidden px-2 py-4",children:e.jsx(Yt,{stations:ne,selectedRole:l,onSelect:Q,onUpstreamSelect:Y,onCmdClick:u=>ae(`/escalations/available?role=${encodeURIComponent(u)}`),periodHours:we[t],logScale:s})}),e.jsx("div",{className:"w-px bg-surface-border shrink-0 self-stretch"}),e.jsx(Kt,{role:re,allMetrics:H,orderedRoles:E.map(u=>u.role),globalPeriod:t,mixGroups:A==null?void 0:A.groups,onClose:()=>c(null)})]}),e.jsx("div",{className:"max-h-[30vh] flex-none overflow-y-auto border-t border-surface-border",children:e.jsxs("table",{className:"w-full table-fixed",children:[e.jsx(is,{}),e.jsx("tbody",{children:E.map(({role:u})=>e.jsx(as,{role:u,metric:w.find(N=>N.role===u.role),mixGroups:F.get(u.role),mixColors:ie.get(u.role)??T,selected:l===u.role,periodHours:we[t],onClick:()=>Q(u.role)},u.role))})]})})]})]})]})}const ys=Object.freeze(Object.defineProperty({__proto__:null,OperationsPage:cs,buildFragments:_e},Symbol.toStringTag,{value:"Module"}));export{ys as O,Yt as P,_e as b,st as j};
-//# sourceMappingURL=OperationsPage-i8KcDpKo.js.map