@hotmeshio/long-tail 0.9.6 → 0.10.1

package/dashboard/dist/assets/FilterBar-DDIn8TOs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterBar-DDIn8TOs.js","sources":["../../src/components/common/data/FilterBar.tsx"],"sourcesContent":["import { useState, useEffect, useRef, type ReactNode } from 'react';\n\ninterface FilterBarProps {\n  children: ReactNode;\n  actions?: ReactNode;\n}\n\nexport function FilterBar({ children, actions }: FilterBarProps) {\n  return (\n    <div className=\"sticky top-0 z-20 bg-surface pt-3 pb-3\">\n      <div className=\"bg-surface-sunken rounded-lg px-5 py-2\">\n        <div className=\"flex items-center gap-5 flex-wrap\">\n          {children}\n          {actions && <div className=\"ml-auto flex items-center gap-2\">{actions}</div>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function FilterDivider() {\n  return <span className=\"h-3.5 w-px bg-surface-border shrink-0 self-center -mr-3\" />;\n}\n\ninterface FilterSelectProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  options: { value: string; label: string }[];\n  /** When true, omit the default \"All\" option — a value is always required. */\n  required?: boolean;\n  placeholder?: string;\n}\n\nexport function FilterSelect({ label, value, onChange, options, required, placeholder }: FilterSelectProps) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <label className=\"text-[10px] font-medium text-text-tertiary whitespace-nowrap\">{label}</label>\n      <select\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        className=\"select text-[11px] py-0.5 pl-0 pr-4\"\n      >\n        {!required && <option value=\"\">{placeholder || 'All'}</option>}\n        {options.map((opt) => (\n          <option key={opt.value} value={opt.value}>\n            {opt.label}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\ninterface FilterInputProps {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\nexport function FilterInput({ label, value, onChange, placeholder }: FilterInputProps) {\n  const [local, setLocal] = useState(value);\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Sync from parent when the URL-driven value changes externally\n  useEffect(() => { setLocal(value); }, [value]);\n\n  const handleChange = (v: string) => {\n    setLocal(v);\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => onChange(v), 300);\n  };\n\n  // Flush on unmount\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <label className=\"text-[10px] text-text-tertiary whitespace-nowrap\">{label}</label>\n      <input\n        type=\"text\"\n        value={local}\n        onChange={(e) => handleChange(e.target.value)}\n        placeholder={placeholder}\n        className=\"input text-[11px] py-1 px-2 w-36 font-mono\"\n      />\n    </div>\n  );\n}\n"],"names":["FilterBar","children","actions","jsx","jsxs","FilterDivider","FilterSelect","label","value","onChange","options","required","placeholder","e","opt","FilterInput","local","setLocal","useState","timerRef","useRef","useEffect","handleChange","v"],"mappings":"sDAOO,SAASA,EAAU,CAAE,SAAAC,EAAU,QAAAC,GAA2B,CAC/D,OACEC,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAH,EACAC,GAAWC,EAAAA,IAAC,MAAA,CAAI,UAAU,kCAAmC,SAAAD,CAAA,CAAQ,CAAA,CAAA,CACxE,EACF,EACF,CAEJ,CAEO,SAASG,GAAgB,CAC9B,OAAOF,EAAAA,IAAC,OAAA,CAAK,UAAU,yDAAA,CAA0D,CACnF,CAYO,SAASG,EAAa,CAAE,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,YAAAC,GAAkC,CAC1G,OACER,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,+DAAgE,SAAAI,EAAM,EACvFH,EAAAA,KAAC,SAAA,CACC,MAAAI,EACA,SAAWK,GAAMJ,EAASI,EAAE,OAAO,KAAK,EACxC,UAAU,sCAET,SAAA,CAAA,CAACF,GAAYR,MAAC,SAAA,CAAO,MAAM,GAAI,YAAe,MAAM,EACpDO,EAAQ,IAAKI,GACZX,EAAAA,IAAC,SAAA,CAAuB,MAAOW,EAAI,MAChC,SAAAA,EAAI,KAAA,EADMA,EAAI,KAEjB,CACD,CAAA,CAAA,CAAA,CACH,EACF,CAEJ,CASO,SAASC,EAAY,CAAE,MAAAR,EAAO,MAAAC,EAAO,SAAAC,EAAU,YAAAG,GAAiC,CACrF,KAAM,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAASV,CAAK,EAClCW,EAAWC,EAAAA,OAAsC,MAAS,EAGhEC,EAAAA,UAAU,IAAM,CAAEJ,EAAST,CAAK,CAAG,EAAG,CAACA,CAAK,CAAC,EAE7C,MAAMc,EAAgBC,GAAc,CAClCN,EAASM,CAAC,EACV,aAAaJ,EAAS,OAAO,EAC7BA,EAAS,QAAU,WAAW,IAAMV,EAASc,CAAC,EAAG,GAAG,CACtD,EAGAF,OAAAA,EAAAA,UAAU,IAAM,IAAM,aAAaF,EAAS,OAAO,EAAG,CAAA,CAAE,EAGtDf,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAD,EAAAA,IAAC,QAAA,CAAM,UAAU,mDAAoD,SAAAI,EAAM,EAC3EJ,EAAAA,IAAC,QAAA,CACC,KAAK,OACL,MAAOa,EACP,SAAWH,GAAMS,EAAaT,EAAE,OAAO,KAAK,EAC5C,YAAAD,EACA,UAAU,4CAAA,CAAA,CACZ,EACF,CAEJ"}

package/dashboard/dist/assets/HomePage-K0U3yMdU.js

@@ -1,2 +0,0 @@
-import{a as d,j as e}from"./vendor-query-B2UbickB.js";import{l as xe,n as pe,Q as me,w as ue,j as he,b as S,U as fe,a1 as je}from"./index-DcQiD6OF.js";import{d as ge}from"./roles-BiUJAsVM.js";import{b as be}from"./workflows-acMcPTC5.js";import{u as ve}from"./pipelines-taOXA2-y.js";import{u as ye}from"./controlplane-qCqoP2ZV.js";import{e as Ne,b as we,i as ke}from"./useEventHooks-oXjfKrbI.js";import{R as V}from"./RolePill-CUIJSgRq.js";import{W as k}from"./WorkflowPill-S6VV2Eax.js";import{L as _}from"./ListToolbar-DDG6DXVF.js";import{b as _e,p as Ee}from"./OperationsPage-Daah4pNk.js";import{I as E,at as f,b as X,C as K,W as Y,B as Pe}from"./vendor-icons-DPmIjhZB.js";import{c as se,f as Ce}from"./vendor-react-CXumBFUA.js";import"./PageHeader-CiFhzGc0.js";const Re={completed:"bg-status-success",active:"bg-status-active",running:"bg-status-active",pending:"bg-status-pending",error:"bg-status-error",failed:"bg-status-error"};function Z(s){return Re[s]??"bg-text-tertiary"}function j({icon:s,color:a,docsHash:n,count:o,children:i,actions:l}){return e.jsxs("div",{className:"flex items-center justify-between mb-4 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{className:`w-4.5 h-4.5 ${a||"text-accent/60"}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:i}),o!==void 0&&o>0&&e.jsx("span",{className:"px-1.5 py-0.5 rounded-full bg-accent/10 text-accent text-[10px] font-semibold tabular-nums",children:je(o)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[n&&e.jsx("button",{onClick:()=>{window.location.hash=n},className:"text-text-quaternary hover:text-accent transition-colors",title:"Docs",children:e.jsx(Pe,{className:"w-2.5 h-2.5",strokeWidth:1.5})}),l]})]})}function g({icon:s,text:a}){return e.jsxs("div",{className:"flex flex-col items-center justify-center py-10 text-center",children:[e.jsx(s,{className:"w-6 h-6 text-text-quaternary/50 mb-2",strokeWidth:1}),e.jsx("p",{className:"text-xs text-text-quaternary",children:a})]})}function Se(s,a=37){if(!s||s.length<=a)return s;const n=Math.floor((a-3)/2);return`${s.slice(0,n)}...${s.slice(-n)}`}function ee({dot:s,pill:a,id:n,date:o,onClick:i}){return e.jsxs("button",{onClick:i,className:"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${s}`}),e.jsx("span",{className:"text-[12px] text-text-primary font-mono truncate max-w-[60%]",children:Se(n)}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap",children:e.jsx(S,{date:o})})]}),e.jsx("div",{className:"pl-3.5 flex items-center gap-1 overflow-hidden",children:a})]})}function b({to:s,icon:a,title:n}){const o=se();return e.jsx("button",{onClick:()=>o(s),className:"text-text-quaternary hover:text-accent transition-colors",title:n,children:e.jsx(a,{className:"w-2.5 h-2.5",strokeWidth:1.5})})}function te({appIds:s,selected:a,onSelect:n}){const[o,i]=d.useState(!1),l=d.useRef(null);return d.useEffect(()=>{if(!o)return;const r=p=>{l.current&&!l.current.contains(p.target)&&i(!1)};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o]),s.length<=1?null:e.jsxs("div",{className:"relative mb-3 -mt-2",ref:l,children:[e.jsxs("button",{onClick:()=>i(r=>!r),className:"flex items-center gap-1 px-2 py-0.5 text-[10px] rounded bg-accent/10 text-accent hover:bg-accent/20 transition-colors",children:[a,e.jsx("svg",{className:`w-2.5 h-2.5 transition-transform ${o?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"})})]}),o&&e.jsx("div",{className:"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-30 py-1 min-w-[120px]",children:s.map(r=>e.jsx("button",{onClick:()=>{n(r),i(!1)},className:`w-full text-left px-3 py-1.5 text-[11px] transition-colors ${a===r?"text-accent bg-accent/5":"text-text-secondary hover:bg-surface-hover"}`,children:r},r))})]})}function De(){var F,Q,B,H,O,z,D,U;const s=se(),{user:a}=xe(),{isBuilder:n,isOps:o}=pe(),[i,l]=Ce(),{data:r}=ye({enabled:n}),p=d.useMemo(()=>((r==null?void 0:r.apps)??[]).map(t=>t.appId).sort(),[r]),$=p[0]??"",v=i.get("pipelinenamespace")||$,P=i.get("durablenamespace")||$,A=d.useCallback((t,c)=>{l(R=>{const h=new URLSearchParams(R);return h.set(t,c),h},{replace:!1})},[l]);Ne(),we(),ke();const C=n||o,y=ge({enabled:C}),q=me("1h",{enabled:C}),N=be({limit:5,sort_by:"updated_at",order:"desc",namespace:P},{enabled:n}),ae=p,ne=p,w=ve({limit:5,app_id:v,sort_by:"updated_at",order:"desc"},{enabled:n}),m=ue({limit:5,sort_by:"created_at",order:"desc"}),u=he({assigned_to:a==null?void 0:a.userId,status:"pending",limit:5,sort_by:"created_at",order:"desc"});d.useEffect(()=>{const t=setTimeout(()=>{u.refetch(),m.refetch()},2e3);return()=>clearTimeout(t)},[]);const I=d.useMemo(()=>{var h,G,J;const c=((G=_e(((h=y.data)==null?void 0:h.roles)??[])[0])==null?void 0:G.stations)??[],R=((J=q.data)==null?void 0:J.stations)??[];return c.map(({role:x})=>({role:x.role,title:x.title,parent_role:x.parent_role,target_per_hour:x.target_per_hour??null,upstream_roles:x.upstream_roles??[],metric:R.find(de=>de.role===x.role)}))},[y.data,q.data]),oe=d.useMemo(()=>{var t;return new Map((((t=y.data)==null?void 0:t.roles)??[]).map(c=>[c.role,c]))},[y.data]),M=((F=N.data)==null?void 0:F.jobs)??[],re=(Q=N.data)==null?void 0:Q.total,L=((B=w.data)==null?void 0:B.jobs)??[],ie=(H=w.data)==null?void 0:H.total,T=((O=m.data)==null?void 0:O.escalations)??[],ce=(z=m.data)==null?void 0:z.total,W=((D=u.data)==null?void 0:D.escalations)??[],le=(U=u.data)==null?void 0:U.total;return e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-light text-text-primary mb-10",children:"Recent Activity"}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]",children:[e.jsxs("div",{children:[e.jsx(j,{icon:E,color:"text-accent",count:ce,docsHash:"#docs:dashboard.md:all-escalations",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_,{onRefresh:()=>m.refetch(),isFetching:m.isFetching,apiPath:"/escalations?status=pending&limit=5&sort_by=created_at&order=desc"}),e.jsx(b,{to:"/escalations/available",icon:f,title:"All escalations"})]}),children:"All Escalations"}),T.length===0?e.jsx(g,{icon:E,text:"No pending escalations"}):e.jsx("div",{className:"space-y-1",children:T.map(t=>e.jsxs("button",{onClick:()=>s(`/escalations/detail/${t.id}`),className:"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsxs("span",{className:"text-[9px] text-text-quaternary font-medium shrink-0",children:["P",t.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:t.description||t.subtype||t.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(S,{date:t.updated_at??t.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(k,{type:t.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(V,{role:t.role})]})]},t.id))})]}),e.jsxs("div",{children:[e.jsx(j,{icon:E,color:"text-accent",count:le,docsHash:"#docs:dashboard.md:escalations-overview",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_,{onRefresh:()=>u.refetch(),isFetching:u.isFetching,apiPath:`/escalations?assigned_to=${(a==null?void 0:a.userId)??""}&status=pending&limit=5&sort_by=created_at&order=desc`}),e.jsx(b,{to:"/escalations/queue",icon:f,title:"My escalation queue"})]}),children:"My Escalations"}),W.length===0?e.jsx(g,{icon:E,text:"No assigned escalations"}):e.jsx("div",{className:"space-y-1",children:W.map(t=>e.jsxs("button",{onClick:()=>s(`/escalations/detail/${t.id}`),className:"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[e.jsxs("span",{className:"text-[9px] text-text-quaternary font-medium shrink-0",children:["P",t.priority??2]}),e.jsx("span",{className:"text-[12px] text-text-primary truncate flex-1 max-w-[65%]",children:t.description||t.subtype||t.type}),e.jsx("span",{className:"text-[10px] text-text-quaternary shrink-0 ml-auto",children:e.jsx(S,{date:t.updated_at??t.created_at})})]}),e.jsxs("div",{className:"flex items-center gap-2 pl-5",children:[e.jsx(k,{type:t.type||"unknown",size:"xs"}),e.jsx("span",{className:"flex-1"}),e.jsx(V,{role:t.role})]})]},t.id))})]})]}),C&&e.jsxs("div",{className:`grid grid-cols-1 ${n?"lg:grid-cols-3":""} gap-x-14 mt-14`,children:[e.jsxs("div",{children:[e.jsx(j,{icon:X,color:"text-accent",docsHash:"#docs:dashboard.md:pace-board",actions:e.jsx(b,{to:"/operations",icon:f,title:"Open the Pace Board"}),children:"Pace Board"}),I.length===0?e.jsx(g,{icon:X,text:"No stations yet — mark roles visible in Operations"}):e.jsx("div",{className:`${n?"h-64":"h-80"} cursor-pointer`,onClick:()=>s("/operations"),children:e.jsx(fe,{stations:I,selectedRole:null,onSelect:()=>s("/operations"),onUpstreamSelect:()=>s("/operations"),onPrioritySelect:t=>{const c=oe.get(t);c&&s(Ee(c))},periodHours:1})})]}),n&&e.jsxs("div",{children:[e.jsx(j,{icon:K,color:"text-accent",count:re,docsHash:"#docs:dashboard.md:procedural-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_,{onRefresh:()=>N.refetch(),isFetching:N.isFetching,apiPath:`/workflow-states/jobs?namespace=${P}&limit=5`}),e.jsx(b,{to:"/workflows/executions",icon:f,title:"All procedural executions"})]}),children:"Procedural"}),e.jsx(te,{appIds:ae,selected:P,onSelect:t=>A("durablenamespace",t)}),M.length===0?e.jsx(g,{icon:K,text:"No recent procedural runs"}):e.jsx("div",{className:"space-y-1",children:M.map(t=>e.jsx(ee,{dot:Z(t.status),pill:e.jsx(k,{type:t.entity||t.type||"workflow",size:"xs"}),id:t.workflow_id,date:t.updated_at??t.created_at,onClick:()=>s(`/workflows/executions/${t.workflow_id}`)},t.workflow_id))})]}),n&&e.jsxs("div",{children:[e.jsx(j,{icon:Y,color:"text-accent",count:ie,docsHash:"#docs:dashboard.md:graph-executions",actions:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(_,{onRefresh:()=>w.refetch(),isFetching:w.isFetching,apiPath:`/pipelines?app_id=${v}&limit=5`}),e.jsx(b,{to:"/mcp/executions",icon:f,title:"All graph executions"})]}),children:"Graph"}),e.jsx(te,{appIds:ne,selected:v,onSelect:t=>A("pipelinenamespace",t)}),L.length===0?e.jsx(g,{icon:Y,text:"No recent graph runs"}):e.jsx("div",{className:"space-y-1",children:L.map(t=>e.jsx(ee,{dot:Z(t.status),pill:e.jsx(k,{type:t.entity||t.workflow_name||"pipeline",variant:"pipeline",size:"xs"}),id:t.workflow_id,date:t.updated_at??t.created_at,onClick:()=>s(`/mcp/executions/${t.workflow_id}?namespace=${v}`)},t.workflow_id))})]})]})]})}export{De as HomePage};
-//# sourceMappingURL=HomePage-K0U3yMdU.js.map

package/dashboard/dist/assets/HomePage-K0U3yMdU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HomePage-K0U3yMdU.js","sources":["../../src/pages/home/HomePage.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, useMemo } from 'react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  Inbox, Code2, Workflow, LayoutDashboard, ExternalLink, BookOpen,\n} from 'lucide-react';\nimport { formatCountCompact } from '../../lib/format';\nimport { useAvailableEscalations, useEscalations, useStationMetrics } from '../../api/escalations';\nimport { useRoleDetails } from '../../api/roles';\nimport { useJobs } from '../../api/workflows';\nimport { useMcpRuns } from '../../api/pipelines';\nimport { useControlPlaneApps } from '../../api/controlplane';\nimport { useAuth } from '../../hooks/useAuth';\nimport { useAccess } from '../../hooks/useAccess';\nimport { useEscalationStatsEvents, useWorkflowListEvents, useStationMetricsEvents } from '../../hooks/useEventHooks';\nimport { DateValue } from '../../components/common/display/DateValue';\nimport { RolePill } from '../../components/common/display/RolePill';\nimport { WorkflowPill } from '../../components/common/display/WorkflowPill';\nimport { ListToolbar } from '../../components/common/data/ListToolbar';\nimport { PaceChart, type ChartStation } from '../operations/PaceChart';\nimport { buildFragments } from '../operations/OperationsPage';\nimport { priorityQueueLink } from '../operations/priority-link';\n\nconst STATUS_DOT: Record<string, string> = {\n  completed: 'bg-status-success',\n  active: 'bg-status-active',\n  running: 'bg-status-active',\n  pending: 'bg-status-pending',\n  error: 'bg-status-error',\n  failed: 'bg-status-error',\n};\nfunction statusDotClass(status: string): string {\n  return STATUS_DOT[status] ?? 'bg-text-tertiary';\n}\n\n// ── Section header ──────────────────────────────────────────────────────────\n\nfunction SectionHeader({ icon: Icon, color, docsHash, count, children, actions }: { icon: React.ElementType; color?: string; docsHash?: string; count?: number; children: React.ReactNode; actions?: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between mb-4 pb-2 border-b border-surface-border\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`w-4.5 h-4.5 ${color || 'text-accent/60'}`} strokeWidth={1.5} />\n        <h2 className=\"section-h2\">{children}</h2>\n        {count !== undefined && count > 0 && (\n          <span className=\"px-1.5 py-0.5 rounded-full bg-accent/10 text-accent text-[10px] font-semibold tabular-nums\">\n            {formatCountCompact(count)}\n          </span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {docsHash && (\n          <button onClick={() => { window.location.hash = docsHash; }} className=\"text-text-quaternary hover:text-accent transition-colors\" title=\"Docs\">\n            <BookOpen className=\"w-2.5 h-2.5\" strokeWidth={1.5} />\n          </button>\n        )}\n        {actions}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel({ icon: Icon, text }: { icon: React.ElementType; text: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-10 text-center\">\n      <Icon className=\"w-6 h-6 text-text-quaternary/50 mb-2\" strokeWidth={1} />\n      <p className=\"text-xs text-text-quaternary\">{text}</p>\n    </div>\n  );\n}\n\n/** Middle-ellipsis: keep first N and last N chars with ... in between */\nfunction midEllipsis(s: string, maxLen = 37): string {\n  if (!s || s.length <= maxLen) return s;\n  const keep = Math.floor((maxLen - 3) / 2);\n  return `${s.slice(0, keep)}...${s.slice(-keep)}`;\n}\n\n/** Consistent row for all execution lists in row 1 */\nfunction ExecutionRow({ dot, pill, id, date, onClick }: {\n  dot: string;\n  pill: React.ReactNode;\n  id: string;\n  date: string;\n  onClick: () => void;\n}) {\n  return (\n    <button onClick={onClick} className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\">\n      <div className=\"flex items-center gap-2 mb-0.5\">\n        <span className={`w-1.5 h-1.5 rounded-full dot-ring shrink-0 ${dot}`} />\n        <span className=\"text-[12px] text-text-primary font-mono truncate max-w-[60%]\">{midEllipsis(id)}</span>\n        <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto whitespace-nowrap\"><DateValue date={date} /></span>\n      </div>\n      <div className=\"pl-3.5 flex items-center gap-1 overflow-hidden\">{pill}</div>\n    </button>\n  );\n}\n\nfunction NavIcon({ to, icon: Icon, title }: { to: string; icon: React.ElementType; title: string }) {\n  const navigate = useNavigate();\n  return (\n    <button\n      onClick={() => navigate(to)}\n      className=\"text-text-quaternary hover:text-accent transition-colors\"\n      title={title}\n    >\n      <Icon className=\"w-2.5 h-2.5\" strokeWidth={1.5} />\n    </button>\n  );\n}\n\n// ── Namespace Picker ────────────────────────────────────────────────────────\n\nfunction AppPicker({ appIds, selected, onSelect }: {\n  appIds: string[];\n  selected: string;\n  onSelect: (id: string) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open]);\n\n  if (appIds.length <= 1) return null;\n\n  return (\n    <div className=\"relative mb-3 -mt-2\" ref={ref}>\n      <button\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex items-center gap-1 px-2 py-0.5 text-[10px] rounded bg-accent/10 text-accent hover:bg-accent/20 transition-colors\"\n      >\n        {selected}\n        <svg className={`w-2.5 h-2.5 transition-transform ${open ? 'rotate-180' : ''}`} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5}>\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </button>\n      {open && (\n        <div className=\"absolute top-full left-0 mt-1 bg-surface-raised border border-surface-border rounded-md shadow-lg z-30 py-1 min-w-[120px]\">\n          {appIds.map((id) => (\n            <button\n              key={id}\n              onClick={() => { onSelect(id); setOpen(false); }}\n              className={`w-full text-left px-3 py-1.5 text-[11px] transition-colors ${\n                selected === id ? 'text-accent bg-accent/5' : 'text-text-secondary hover:bg-surface-hover'\n              }`}\n            >\n              {id}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Page ─────────────────────────────────────────────────────────────────────\n\nexport function HomePage() {\n  const navigate = useNavigate();\n  const { user } = useAuth();\n  const { isBuilder, isOps } = useAccess();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { data: cpData } = useControlPlaneApps({ enabled: isBuilder });\n  const allAppIds = useMemo(() => (cpData?.apps ?? []).map((a: any) => a.appId).sort(), [cpData]);\n  const firstAppId = allAppIds[0] ?? '';\n  const pipelineNs = searchParams.get('pipelinenamespace') || firstAppId;\n  const durableNs = searchParams.get('durablenamespace') || firstAppId;\n  const setNs = useCallback((key: string, ns: string) => {\n    setSearchParams((prev) => {\n      const next = new URLSearchParams(prev);\n      next.set(key, ns);\n      return next;\n    }, { replace: false });\n  }, [setSearchParams]);\n  useEscalationStatsEvents();\n  useWorkflowListEvents();\n  useStationMetricsEvents();\n\n  // Row 2: the Pace Board shows for builders (superadmin/engineer) AND ops (admin);\n  // the execution columns are builder-only — admins historically cannot see\n  // workflows, so their Pace Board spans the full row. Disable queries per tier\n  // so roles don't fire requests they can't access (403 on control-plane apps →\n  // empty namespace → 400 on jobs).\n  const showPace = isBuilder || isOps;\n  const rolesQ = useRoleDetails({ enabled: showPace });\n  const stationQ = useStationMetrics('1h', { enabled: showPace });\n  const jobsQ = useJobs({ limit: 5, sort_by: 'updated_at', order: 'desc', namespace: durableNs }, { enabled: isBuilder });\n  const durableAppIds = allAppIds;\n  const pipelineAppIds = allAppIds;\n  const mcpQ = useMcpRuns({ limit: 5, app_id: pipelineNs, sort_by: 'updated_at', order: 'desc' }, { enabled: isBuilder });\n  const allEscQ = useAvailableEscalations({ limit: 5, sort_by: 'created_at', order: 'desc' });\n  const myEscQ = useEscalations({ assigned_to: user?.userId, status: 'pending', limit: 5, sort_by: 'created_at', order: 'desc' });\n\n  // Delayed refetch — allows signal-routed escalation resolutions\n  // (durable activity) time to commit before refreshing the list\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      myEscQ.refetch();\n      allEscQ.refetch();\n    }, 2000);\n    return () => clearTimeout(timer);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Pace Board mini — the primary sequence (longest line) at the 1h window.\n  const paceStations = useMemo((): ChartStation[] => {\n    const fragments = buildFragments(rolesQ.data?.roles ?? []);\n    const primary = fragments[0]?.stations ?? [];\n    const metrics = stationQ.data?.stations ?? [];\n    return primary.map(({ role: r }) => ({\n      role: r.role,\n      title: r.title,\n      parent_role: r.parent_role,\n      target_per_hour: r.target_per_hour ?? null,\n      upstream_roles: r.upstream_roles ?? [],\n      metric: metrics.find((m) => m.role === r.role),\n    }));\n  }, [rolesQ.data, stationQ.data]);\n  const paceRoleByName = useMemo(\n    () => new Map((rolesQ.data?.roles ?? []).map((r) => [r.role, r])),\n    [rolesQ.data],\n  );\n\n  const jobs = jobsQ.data?.jobs ?? [];\n  const jobsTotal = jobsQ.data?.total;\n  const mcpRuns = (mcpQ.data as any)?.jobs ?? [];\n  const mcpTotal = (mcpQ.data as any)?.total as number | undefined;\n  const allEscalations = allEscQ.data?.escalations ?? [];\n  const allEscTotal = allEscQ.data?.total;\n  const myEscalations = myEscQ.data?.escalations ?? [];\n  const myEscTotal = myEscQ.data?.total;\n\n  return (\n    <div>\n      <h1 className=\"text-3xl font-light text-text-primary mb-10\">Recent Activity</h1>\n\n      {/* ── Row 1: All Escalations | My Escalations ──────────────────────── */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-x-14 min-h-[35vh]\">\n\n        {/* Col 1: All Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-accent\" count={allEscTotal} docsHash=\"#docs:dashboard.md:all-escalations\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => allEscQ.refetch()} isFetching={allEscQ.isFetching} apiPath=\"/escalations?status=pending&limit=5&sort_by=created_at&order=desc\" />\n              <NavIcon to=\"/escalations/available\" icon={ExternalLink} title=\"All escalations\" />\n            </div>\n          }>\n            All Escalations\n          </SectionHeader>\n          {allEscalations.length === 0 ? (\n            <EmptyPanel icon={Inbox} text=\"No pending escalations\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {allEscalations.map((esc: any) => (\n                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: My Escalations */}\n        <div>\n          <SectionHeader icon={Inbox} color=\"text-accent\" count={myEscTotal} docsHash=\"#docs:dashboard.md:escalations-overview\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => myEscQ.refetch()} isFetching={myEscQ.isFetching} apiPath={`/escalations?assigned_to=${user?.userId ?? ''}&status=pending&limit=5&sort_by=created_at&order=desc`} />\n              <NavIcon to=\"/escalations/queue\" icon={ExternalLink} title=\"My escalation queue\" />\n            </div>\n          }>\n            My Escalations\n          </SectionHeader>\n          {myEscalations.length === 0 ? (\n            <EmptyPanel icon={Inbox} text=\"No assigned escalations\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {myEscalations.map((esc: any) => (\n                <button\n                  key={esc.id}\n                  onClick={() => navigate(`/escalations/detail/${esc.id}`)}\n                  className=\"w-full text-left hover:bg-surface-hover/50 rounded-md px-1 py-1.5 transition-colors\"\n                >\n                  <div className=\"flex items-center gap-2 mb-0.5\">\n                    <span className=\"text-[9px] text-text-quaternary font-medium shrink-0\">P{esc.priority ?? 2}</span>\n                    <span className=\"text-[12px] text-text-primary truncate flex-1 max-w-[65%]\">{esc.description || esc.subtype || esc.type}</span>\n                    <span className=\"text-[10px] text-text-quaternary shrink-0 ml-auto\"><DateValue date={esc.updated_at ?? esc.created_at} /></span>\n                  </div>\n                  <div className=\"flex items-center gap-2 pl-5\">\n                    <WorkflowPill type={esc.type || 'unknown'} size=\"xs\" />\n                    <span className=\"flex-1\" />\n                    <RolePill role={esc.role} />\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* ── Row 2: Pace Board | Procedural | Graph — mirrors the left nav.\n          Builders see all three; ops (admin) can't see workflows, so their\n          Pace Board spans the full row. Operators see neither. */}\n      {showPace && <div className={`grid grid-cols-1 ${isBuilder ? 'lg:grid-cols-3' : ''} gap-x-14 mt-14`}>\n\n        {/* Col 1: Pace Board — the story being told, at a glance */}\n        <div>\n          <SectionHeader icon={LayoutDashboard} color=\"text-accent\" docsHash=\"#docs:dashboard.md:pace-board\" actions={\n            <NavIcon to=\"/operations\" icon={ExternalLink} title=\"Open the Pace Board\" />\n          }>\n            Pace Board\n          </SectionHeader>\n          {paceStations.length === 0 ? (\n            <EmptyPanel icon={LayoutDashboard} text=\"No stations yet — mark roles visible in Operations\" />\n          ) : (\n            <div className={`${isBuilder ? 'h-64' : 'h-80'} cursor-pointer`} onClick={() => navigate('/operations')}>\n              <PaceChart\n                stations={paceStations}\n                selectedRole={null}\n                onSelect={() => navigate('/operations')}\n                onUpstreamSelect={() => navigate('/operations')}\n                onPrioritySelect={(role) => {\n                  const detail = paceRoleByName.get(role);\n                  if (detail) navigate(priorityQueueLink(detail));\n                }}\n                periodHours={1}\n              />\n            </div>\n          )}\n        </div>\n\n        {/* Col 2: Procedural executions (builders only) */}\n        {isBuilder && <div>\n          <SectionHeader icon={Code2} color=\"text-accent\" count={jobsTotal} docsHash=\"#docs:dashboard.md:procedural-executions\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => jobsQ.refetch()} isFetching={jobsQ.isFetching} apiPath={`/workflow-states/jobs?namespace=${durableNs}&limit=5`} />\n              <NavIcon to=\"/workflows/executions\" icon={ExternalLink} title=\"All procedural executions\" />\n            </div>\n          }>\n            Procedural\n          </SectionHeader>\n          <AppPicker appIds={durableAppIds} selected={durableNs} onSelect={(ns) => setNs('durablenamespace', ns)} />\n          {jobs.length === 0 ? (\n            <EmptyPanel icon={Code2} text=\"No recent procedural runs\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {jobs.map((job: any) => (\n                <ExecutionRow\n                  key={job.workflow_id}\n                  dot={statusDotClass(job.status)}\n                  pill={<WorkflowPill type={job.entity || job.type || 'workflow'} size=\"xs\" />}\n                  id={job.workflow_id}\n                  date={job.updated_at ?? job.created_at}\n                  onClick={() => navigate(`/workflows/executions/${job.workflow_id}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>}\n\n        {/* Col 3: Graph executions (builders only) */}\n        {isBuilder && <div>\n          <SectionHeader icon={Workflow} color=\"text-accent\" count={mcpTotal} docsHash=\"#docs:dashboard.md:graph-executions\" actions={\n            <div className=\"flex items-center gap-2\">\n              <ListToolbar onRefresh={() => mcpQ.refetch()} isFetching={mcpQ.isFetching} apiPath={`/pipelines?app_id=${pipelineNs}&limit=5`} />\n              <NavIcon to=\"/mcp/executions\" icon={ExternalLink} title=\"All graph executions\" />\n            </div>\n          }>\n            Graph\n          </SectionHeader>\n          <AppPicker appIds={pipelineAppIds} selected={pipelineNs} onSelect={(ns) => setNs('pipelinenamespace', ns)} />\n          {mcpRuns.length === 0 ? (\n            <EmptyPanel icon={Workflow} text=\"No recent graph runs\" />\n          ) : (\n            <div className=\"space-y-1\">\n              {mcpRuns.map((run: any) => (\n                <ExecutionRow\n                  key={run.workflow_id}\n                  dot={statusDotClass(run.status)}\n                  pill={<WorkflowPill type={run.entity || run.workflow_name || 'pipeline'} variant=\"pipeline\" size=\"xs\" />}\n                  id={run.workflow_id}\n                  date={run.updated_at ?? run.created_at}\n                  onClick={() => navigate(`/mcp/executions/${run.workflow_id}?namespace=${pipelineNs}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>}\n      </div>}\n    </div>\n  );\n}\n"],"names":["STATUS_DOT","statusDotClass","status","SectionHeader","Icon","color","docsHash","count","children","actions","jsxs","jsx","formatCountCompact","BookOpen","EmptyPanel","text","midEllipsis","maxLen","keep","ExecutionRow","dot","pill","id","date","onClick","DateValue","NavIcon","to","title","navigate","useNavigate","AppPicker","appIds","selected","onSelect","open","setOpen","useState","ref","useRef","useEffect","handler","e","v","HomePage","user","useAuth","isBuilder","isOps","useAccess","searchParams","setSearchParams","useSearchParams","cpData","useControlPlaneApps","allAppIds","useMemo","a","firstAppId","pipelineNs","durableNs","setNs","useCallback","key","ns","prev","next","useEscalationStatsEvents","useWorkflowListEvents","useStationMetricsEvents","showPace","rolesQ","useRoleDetails","stationQ","useStationMetrics","jobsQ","useJobs","durableAppIds","pipelineAppIds","mcpQ","useMcpRuns","allEscQ","useAvailableEscalations","myEscQ","useEscalations","timer","paceStations","primary","_b","buildFragments","_a","metrics","_c","r","m","paceRoleByName","jobs","jobsTotal","mcpRuns","mcpTotal","_d","allEscalations","_e","allEscTotal","_f","myEscalations","_g","myEscTotal","_h","Inbox","ListToolbar","ExternalLink","esc","WorkflowPill","RolePill","LayoutDashboard","PaceChart","role","detail","priorityQueueLink","Code2","job","Workflow","run"],"mappings":"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"}

package/dashboard/dist/assets/ListToolbar-DDG6DXVF.js

@@ -1,2 +0,0 @@
-import{a as C,j as s}from"./vendor-query-B2UbickB.js";import{O as u,P as j}from"./index-DcQiD6OF.js";import{Y as d,aG as N,aH as f,aI as h}from"./vendor-icons-DPmIjhZB.js";function w({onRefresh:m,isFetching:r=!1,apiPath:e}){const[c,l]=C.useState(null),i=(t,a)=>{navigator.clipboard.writeText(t).then(()=>{l(a),setTimeout(()=>l(null),2e3)})},x=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`;i(t,"url")},p=()=>{if(!e)return;const t=`${window.location.origin}${u}/api${e}`,a=j(),$=a?`curl -H "Authorization: Bearer ${a}" "${t}"`:`curl "${t}"`;i($,"curl")},n="p-1 text-text-quaternary hover:text-accent transition-colors rounded",o="w-2.5 h-2.5";return s.jsxs("div",{className:"flex items-center gap-0.5",children:[e&&s.jsxs(s.Fragment,{children:[s.jsx("button",{onClick:x,className:n,title:"Copy API URL",children:c==="url"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(N,{className:o})}),s.jsx("button",{onClick:p,className:n,title:"Copy curl (includes auth token)",children:c==="curl"?s.jsx(d,{className:`${o} text-status-success`}):s.jsx(f,{className:o})})]}),s.jsx("button",{onClick:m,disabled:r,className:`${n} disabled:opacity-50`,title:"Refresh",children:s.jsx(h,{className:`${o} ${r?"animate-spin":""}`})})]})}export{w as L};
-//# sourceMappingURL=ListToolbar-DDG6DXVF.js.map

package/dashboard/dist/assets/Modal-CSrxpXeM.js

@@ -1,2 +0,0 @@
-import{a as x,j as e}from"./vendor-query-B2UbickB.js";import{a as c}from"./vendor-react-CXumBFUA.js";function o({open:r,onClose:t,title:a,children:i,maxWidth:n}){return x.useEffect(()=>{if(!r)return;const s=d=>{d.key==="Escape"&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[r,t]),r?c.createPortal(e.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[e.jsx("div",{className:"absolute inset-0 bg-text-primary/30",onClick:t}),e.jsxs("div",{className:`relative bg-surface-raised border border-surface-border rounded-lg shadow-xl w-full ${n??"max-w-md"} mx-4 max-h-[85vh] flex flex-col`,children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b shrink-0",children:[e.jsx("h2",{className:"text-sm font-medium text-text-primary",children:a}),e.jsx("button",{onClick:t,className:"text-text-tertiary hover:text-text-primary text-lg leading-none",children:"×"})]}),e.jsx("div",{className:"px-6 py-5 overflow-y-auto",children:i})]})]}),document.body):null}export{o as M};
-//# sourceMappingURL=Modal-CSrxpXeM.js.map

package/dashboard/dist/assets/Modal-CSrxpXeM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-CSrxpXeM.js","sources":["../../src/components/common/modal/Modal.tsx"],"sourcesContent":["import { useEffect, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface ModalProps {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  children: ReactNode;\n  maxWidth?: string;\n}\n\nexport function Modal({ open, onClose, title, children, maxWidth }: ModalProps) {\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open, onClose]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"absolute inset-0 bg-text-primary/30\"\n        onClick={onClose}\n      />\n      {/* Dialog */}\n      <div className={`relative bg-surface-raised border border-surface-border rounded-lg shadow-xl w-full ${maxWidth ?? 'max-w-md'} mx-4 max-h-[85vh] flex flex-col`}>\n        <div className=\"flex items-center justify-between px-6 py-4 border-b shrink-0\">\n          <h2 className=\"text-sm font-medium text-text-primary\">{title}</h2>\n          <button\n            onClick={onClose}\n            className=\"text-text-tertiary hover:text-text-primary text-lg leading-none\"\n          >\n            &times;\n          </button>\n        </div>\n        <div className=\"px-6 py-5 overflow-y-auto\">{children}</div>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n"],"names":["Modal","open","onClose","title","children","maxWidth","useEffect","handler","e","createPortal","jsxs","jsx"],"mappings":"qGAWO,SAASA,EAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,SAAAC,GAAwB,CAU9E,OATAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACL,EAAM,OACX,MAAMM,EAAWC,GAAqB,CAChCA,EAAE,MAAQ,UAAUN,EAAA,CAC1B,EACA,gBAAS,iBAAiB,UAAWK,CAAO,EACrC,IAAM,SAAS,oBAAoB,UAAWA,CAAO,CAC9D,EAAG,CAACN,EAAMC,CAAO,CAAC,EAEbD,EAEEQ,EAAAA,aACLC,EAAAA,KAAC,MAAA,CAAI,UAAU,sDAEb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAU,sCACV,QAAST,CAAA,CAAA,SAGV,MAAA,CAAI,UAAW,uFAAuFG,GAAY,UAAU,mCAC3H,SAAA,CAAAK,EAAAA,KAAC,MAAA,CAAI,UAAU,gEACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,wCAAyC,SAAAR,EAAM,EAC7DQ,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,UAAU,kEACX,SAAA,GAAA,CAAA,CAED,EACF,EACAS,EAAAA,IAAC,MAAA,CAAI,UAAU,4BAA6B,SAAAP,CAAA,CAAS,CAAA,CAAA,CACvD,CAAA,EACF,EACA,SAAS,IAAA,EAvBO,IAyBpB"}

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

@@ -1,2 +0,0 @@
-import{j as e,a as h}from"./vendor-query-B2UbickB.js";import{d as oe,f as le}from"./roles-BiUJAsVM.js";import{Q as B,R as O,T as R,U as ie,V as $,W as V,X as E,Y as L,Z as ce}from"./index-DcQiD6OF.js";import{i as xe}from"./useEventHooks-oXjfKrbI.js";import{P as de}from"./PageHeader-CiFhzGc0.js";import{X as pe,z as ue,aJ as me,at as he,aI as fe,aE as je,av as ge}from"./vendor-icons-DPmIjhZB.js";import{L as y,f as ye,c as be}from"./vendor-react-CXumBFUA.js";function I(t){const s=`/escalations/available?role=${encodeURIComponent(t.role)}`;if(t.priority_facet){const i=JSON.stringify([{field:`metadata.${t.priority_facet}`,direction:"asc"}]);return`${s}&orderBy=${encodeURIComponent(i)}`}return`${s}&sort_by=created_at&order=asc`}const F=["15m","1h","24h","7d","30d"],Ne=t=>F.includes(t);function _(t){if(t==null)return"—";if(t<1){const s=Math.round(t*60);return s<=0?"< 1s":`${s}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function S({label:t,value:s}){return e.jsxs("div",{className:"flex items-center justify-between py-1.5",children:[e.jsx("span",{className:"text-[10px] text-text-tertiary uppercase tracking-wider",children:t}),e.jsx("span",{className:"text-xs font-mono font-medium text-text-primary tabular-nums",children:s})]})}function ve({period:t,onChange:s}){return e.jsx("div",{className:"flex items-center gap-1 mb-4",children:F.map(i=>e.jsx("button",{onClick:()=>s(i),className:`px-2 py-0.5 text-[10px] font-mono rounded transition-colors ${t===i?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:i},i))})}function we({role:t,globalPeriod:s,onClose:i}){const[c,d]=h.useState(Ne(s)?s:"24h"),{data:p}=B(c),a=p==null?void 0:p.stations.find(r=>r.role===t.role),l=t.sla_minutes??void 0,u=t.target_per_hour??void 0,o=t.worker_count??void 0;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:O(t)}),e.jsx("span",{className:"text-[10px] font-mono text-text-secondary",children:t.role})]}),t.description&&e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1 line-clamp-2 leading-relaxed",children:t.description})]}),e.jsx("button",{onClick:i,className:"text-text-quaternary hover:text-text-secondary transition-colors mt-0.5 shrink-0 ml-2",children:e.jsx(pe,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsxs(y,{to:`/admin/roles/${encodeURIComponent(t.role)}`,className:"flex items-center gap-1 text-[10px] text-accent hover:underline",children:[e.jsx(ue,{className:"w-2.5 h-2.5"}),"Edit in Roles"]}),e.jsxs(y,{to:`/escalations/available?role=${encodeURIComponent(t.role)}`,className:"flex items-center gap-1 text-[10px] text-accent hover:underline",children:[e.jsx(me,{className:"w-2.5 h-2.5"}),"View full queue"]})]}),e.jsx(ve,{period:c,onChange:d}),(u||l||o)&&e.jsxs("div",{className:"flex items-center gap-6 mb-6 text-[10px] border-b border-surface-border/30 pb-5",children:[u&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary text-sm",children:[u,"/h"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5",children:"target"})]}),l&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-mono font-semibold text-text-primary text-sm",children:[l,"m"]}),e.jsx("div",{className:"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5",children:"SLA"})]}),o&&e.jsxs("div",{children:[e.jsx("div",{className:"font-mono font-semibold text-text-primary text-sm",children:o}),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-[9px] text-text-quaternary uppercase tracking-wider mb-2",children:"Wait (queue)"}),e.jsx(S,{label:"P99",value:_((a==null?void 0:a.wait.p99)??null)}),e.jsx(S,{label:"avg",value:_((a==null?void 0:a.wait.avg)??null)})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[9px] text-text-quaternary uppercase tracking-wider mb-2",children:"Work (proc.)"}),e.jsx(S,{label:"P99",value:_((a==null?void 0:a.work.p99)??null)}),e.jsx(S,{label:"avg",value:_((a==null?void 0:a.work.avg)??null)})]})]}),e.jsxs("div",{className:"border-t border-surface-border/40 pt-4 mt-5 space-y-2.5",children:[l&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[10px] text-text-tertiary",children:"SLA target"}),e.jsxs("span",{className:"text-xs font-mono text-text-secondary",children:[l,"m"]})]}),a&&a.priority_count>0&&e.jsxs(y,{to:I(t),className:"flex items-center justify-between group",children:[e.jsxs("span",{className:"text-[10px]",style:{color:R},children:[a.priority_count," priority — pull oldest first"]}),e.jsx(he,{className:"w-3 h-3 transition-colors",style:{color:R}})]})]})]})}function ke({allMetrics:t,orderedRoles:s,period:i}){const c=t.reduce((o,r)=>o+r.pending,0),d=t.reduce((o,r)=>o+r.resolved,0),p=t.reduce((o,r)=>o+r.priority_count,0),a=new Map(t.map(o=>[o.role,o])),l=t.filter(o=>o.priority_count>0).length,u=t.filter(o=>o.pending>0).length;return e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-[9px] text-text-quaternary uppercase tracking-wider mb-3",children:["Pipeline · ",i]}),e.jsx("div",{className:"mb-4",children:l>0?e.jsxs("p",{className:"text-[11px]",style:{color:R},children:[l," station",l>1?"s":""," with priority items"]}):u>0?e.jsxs("p",{className:"text-[11px] text-status-warning",children:[u," station",u>1?"s":""," with backlog"]}):d>0?e.jsx("p",{className:"text-[11px] text-status-success",children:"Flowing — queue clear"}):e.jsx("p",{className:"text-[11px] 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-[9px] 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-[9px] text-text-quaternary uppercase tracking-wider",children:["Resolved · ",i]}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-text-secondary",children:d})]}),p>0&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-[9px] text-text-quaternary uppercase tracking-wider",children:"Priority"}),e.jsx("span",{className:"text-xs font-mono tabular-nums font-semibold",style:{color:R},children:p})]})]}),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-[8px] text-text-quaternary uppercase tracking-wider flex-1",children:"Station"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"pend"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"clmd"}),e.jsx("span",{className:"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0",children:"res"})]})}),e.jsx("div",{className:"space-y-0.5",children:s.map(o=>{const r=a.get(o.role),b=(r==null?void 0:r.pending)??0,g=(r==null?void 0:r.claimed)??0,j=(r==null?void 0:r.resolved)??0,f=(r==null?void 0:r.priority_count)??0,v=o.title||o.role,x=f>0,C=b>0;return e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsxs("span",{className:`text-[10px] font-mono flex-1 truncate ${C?"text-text-primary":"text-text-quaternary"}`,children:[v,x&&e.jsxs("span",{className:"ml-1 text-[8px] font-semibold",style:{color:R},children:[f," PRIORITY"]})]}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${C?"text-text-primary font-semibold":"text-text-quaternary"}`,children:b>0?b:"—"}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${g>0?"text-accent font-semibold":"text-text-quaternary"}`,children:g>0?g:"—"}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${j>0?"text-text-secondary":"text-text-quaternary"}`,children:j>0?j:"—"})]},o.role)})}),e.jsx("p",{className:"text-[9px] text-text-quaternary mt-5",children:"Select a station for queue detail."})]})}function Re({role:t,allMetrics:s,orderedRoles:i,globalPeriod:c,onClose:d}){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(we,{role:t,globalPeriod:c,onClose:d}):e.jsx(ke,{allMetrics:s,orderedRoles:i,period:c})})}const Ce=$,G=`${$}18`,H=`${$}18`,W=`${V}14`,Q=`${E}14`,Y=`${L}14`,K="minmax(120px, 1.1fr) minmax(100px, 0.9fr) auto 72px 72px 104px 36px",_e=["15m","1h","24h","7d","30d"],Se={"15m":.25,"1h":1,"24h":24,"7d":168,"30d":720};function X(t){const s=t.filter(a=>a.ops_visible),i=new Map(s.map(a=>[a.role,a])),c=new Set,p=s.filter(a=>!a.parent_role||!i.has(a.parent_role)).map(a=>{const l=[],u=[{role:a,depth:0}];for(;u.length>0;){const o=u.shift();c.has(o.role.role)||(c.add(o.role.role),l.push(o),s.filter(r=>r.parent_role===o.role.role&&!c.has(r.role)).forEach(r=>u.push({role:r,depth:o.depth+1})))}return{origin:a,stations:l}});return s.filter(a=>!c.has(a.role)).forEach(a=>p.push({origin:a,stations:[{role:a,depth:0}]})),p.sort((a,l)=>l.stations.length-a.stations.length||a.origin.role.localeCompare(l.origin.role))}function M(t){if(t==null)return"—";if(t<1){const s=Math.round(t*60);return s<=0?"< 1s":`${s}s`}return t<60?`${t.toFixed(0)}m`:`${(t/60).toFixed(1)}h`}function $e(t,s){if(!s||t===0)return{pct:null,color:"bg-surface-border"};const i=t/s,c=Math.round(i*100),d=i>1?"bg-status-warning":i<.2?"bg-status-draft":"bg-status-success";return{pct:c,color:d}}function U({value:t,onSave:s}){const[i,c]=h.useState(t!=null?String(t):""),d=h.useRef(void 0),p=a=>{const l=parseInt(a,10);s(!a.trim()||isNaN(l)||l<0?null:l)};return e.jsx("input",{type:"number",min:0,step:1,value:i,onChange:a=>{const l=a.target.value;c(l),clearTimeout(d.current),d.current=setTimeout(()=>p(l),400)},onBlur:a=>{clearTimeout(d.current),p(a.target.value)},onClick:a=>a.stopPropagation(),onKeyDown:a=>a.stopPropagation(),className:"w-full bg-transparent text-xs font-mono tabular-nums text-right focus:outline-none"})}function Pe({role:t,metric:s,selected:i,onClick:c}){var v;const d=le(),p=(s==null?void 0:s.pending)??0,a=(s==null?void 0:s.claimed)??0,l=(s==null?void 0:s.resolved)??0,u=(s==null?void 0:s.priority_count)??0,o=t.target_per_hour??null,{pct:r,color:b}=$e(p,o),g=r!=null?Math.min(100,r):0,j=x=>d.mutate({role:t.role,target_per_hour:x}),f=x=>d.mutate({role:t.role,sla_minutes:x});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{role:"button",tabIndex:0,onClick:c,onKeyDown:x=>{x.key==="Enter"&&c()},className:`grid items-center gap-4 pr-3 cursor-pointer transition-colors ${i?"border-l-2 !border-l-accent pl-2.5":"pl-3"}`,style:{gridTemplateColumns:K},children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 py-1.5",children:[e.jsx("span",{className:"font-bold text-text-primary truncate text-xs",children:O(t)}),(((v=t.upstream_roles)==null?void 0:v.length)??0)>0&&e.jsx("span",{title:`Fed by ${t.upstream_roles.join(", ")}`,className:"shrink-0 leading-none",children:e.jsx(je,{className:"w-3 h-3 text-text-quaternary"})})]}),e.jsx("span",{className:"font-mono text-[11px] text-text-tertiary truncate py-1.5",children:t.role}),e.jsxs("div",{className:"self-stretch flex items-stretch",children:[e.jsx("div",{className:"w-16 shrink-0 flex items-center justify-end px-1.5",style:{backgroundColor:G},children:e.jsx(U,{value:t.target_per_hour??null,onSave:j})}),e.jsx("div",{className:"w-16 shrink-0 flex items-center justify-end px-1.5",style:{backgroundColor:H},children:e.jsx(U,{value:t.sla_minutes??null,onSave:f})}),e.jsx("div",{className:"w-16 shrink-0 flex items-center justify-end px-3",style:{backgroundColor:W},children:e.jsx(y,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=available`,className:`text-xs font-mono tabular-nums hover:underline ${p>0?"text-text-primary font-semibold":"text-text-quaternary"}`,onClick:x=>x.stopPropagation(),children:p})}),e.jsx("div",{className:"w-16 shrink-0 flex items-center justify-end px-3",style:{backgroundColor:Q},children:e.jsx(y,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=claimed`,className:`text-xs font-mono tabular-nums hover:underline ${a>0?"font-semibold":"text-text-quaternary"}`,style:a>0?{color:E}:void 0,onClick:x=>x.stopPropagation(),children:a})}),e.jsx("div",{className:"w-16 shrink-0 flex items-center justify-end px-3",style:{backgroundColor:Y},children:e.jsx(y,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=resolved`,className:`text-xs font-mono tabular-nums hover:underline ${l>0?"text-text-secondary":"text-text-quaternary"}`,style:l>0?{color:L}:void 0,onClick:x=>x.stopPropagation(),children:l})})]}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-right py-1.5 text-text-secondary",children:M((s==null?void 0:s.wait.p99)??null)}),e.jsx("span",{className:"text-xs font-mono tabular-nums text-right py-1.5 text-text-secondary",children:M((s==null?void 0:s.work.p99)??null)}),e.jsxs("div",{className:"flex items-center gap-2 py-1.5",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 ${b}`,style:{width:`${g}%`}})}),e.jsx("span",{className:`text-[10px] font-mono tabular-nums ${r!=null&&r>100?"text-status-warning font-semibold":"text-text-quaternary"}`,children:r!=null?`${r}%`:"—"})]}),e.jsx("div",{className:"flex items-center justify-center py-1.5",children:e.jsx(y,{to:`/escalations/available?role=${encodeURIComponent(t.role)}&status=all`,className:"text-text-quaternary hover:text-accent transition-colors",title:"View all items in queue",onClick:x=>x.stopPropagation(),children:e.jsx(ge,{className:"w-3.5 h-3.5"})})})]}),u>0&&e.jsxs("div",{className:"flex items-center gap-1.5 pb-2 pl-3.5",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring shrink-0",style:{backgroundColor:ce}}),e.jsxs(y,{to:I(t),className:"text-[10px] hover:underline",style:{color:R},onClick:x=>x.stopPropagation(),children:[u," priority — pull oldest first →"]})]})]})}function qe(){const t=[{label:"TARGET/H",band:G,hue:$,w:"w-16"},{label:"SLA/M",band:H,hue:Ce,w:"w-16"},{label:"PENDING",band:W,hue:V,w:"w-16",px:"px-3"},{label:"CLAIMED",band:Q,hue:E,w:"w-16",px:"px-3"},{label:"RESOLVED",band:Y,hue:L,w:"w-16",px:"px-3"}];return e.jsxs("div",{className:"grid items-center gap-4 px-3 border-b border-surface-border mb-0.5",style:{gridTemplateColumns:K},children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5",children:"NAME"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5",children:"ROLE"}),e.jsx("div",{className:"self-stretch flex items-stretch",children:t.map(s=>e.jsx("div",{className:`${s.w} shrink-0 flex items-center justify-end ${"px"in s?s.px:"px-1.5"}`,style:{backgroundColor:s.band},children:e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider",style:{color:s.hue},children:s.label})},s.label))}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-right",children:"P99 WAIT"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-right",children:"P99 WORK"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5",children:"TREND"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-center",children:"ACTIONS"})]})}function Oe(){var D;const[t,s]=h.useState("1h"),[i,c]=h.useState(null),[d,p]=h.useState(!1);xe();const{data:a,isLoading:l,refetch:u}=oe(),{data:o,isLoading:r,refetch:b}=B(t),g=(a==null?void 0:a.roles)??[],j=(o==null?void 0:o.stations)??[],f=h.useMemo(()=>X(g),[g]),[v,x]=ye(),C=v.get("fragment"),w=f.find(n=>n.origin.role===C)??f[0]??null,P=h.useCallback(n=>{c(null),x(m=>{const k=new URLSearchParams(m);return k.set("fragment",n),k})},[x]),N=(w==null?void 0:w.stations)??[],T=h.useMemo(()=>new Set(N.map(({role:n})=>n.role)),[N]),z=h.useMemo(()=>j.filter(n=>T.has(n.role)),[j,T]),J=h.useMemo(()=>N.map(({role:n})=>({role:n.role,title:n.title,parent_role:n.parent_role,target_per_hour:n.target_per_hour??null,upstream_roles:n.upstream_roles??[],metric:j.find(m=>m.role===n.role)})),[N,j]),Z=h.useCallback(n=>{const m=f.find(k=>k.stations.some(({role:re})=>re.role===n));m&&P(m.origin.role)},[f,P]),q=be(),ee=h.useCallback(n=>{const m=g.find(k=>k.role===n);m&&q(I(m))},[g,q]),te=((D=N.find(({role:n})=>n.role===i))==null?void 0:D.role)??null,se=l||r,ae=async()=>{p(!0),await Promise.all([u(),b()]),p(!1)},A=n=>c(m=>m===n?null:n),ne=e.jsx("div",{className:"flex items-center gap-0.5",children:_e.map(n=>e.jsx("button",{onClick:()=>s(n),className:`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${t===n?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:n},n))});return e.jsxs("div",{className:"flex flex-col flex-1 min-h-0",children:[e.jsx(de,{title:"Pace Board",docsHash:"#docs:dashboard.md:pace-board",center:ne,actions:e.jsx("button",{onClick:ae,disabled:d,className:"text-text-quaternary hover:text-text-secondary transition-colors disabled:opacity-40",children:e.jsx(fe,{className:`w-3.5 h-3.5 ${d?"animate-spin":""}`})})}),se?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(n=>e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-full"},n))})]}):f.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(y,{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:[f.length>1&&e.jsx("div",{className:"flex items-center gap-0.5 px-4 pt-2",children:f.map(n=>{const m=n.origin.role===(w==null?void 0:w.origin.role);return e.jsxs("button",{onClick:()=>P(n.origin.role),className:`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${m?"bg-accent/10 text-accent font-semibold":"text-text-quaternary hover:text-text-secondary"}`,children:[O(n.origin),e.jsx("span",{className:`ml-1.5 tabular-nums ${m?"text-accent/60":"text-text-quaternary/60"}`,children:n.stations.length})]},n.origin.role)})}),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 p-4",children:e.jsx(ie,{stations:J,selectedRole:i,onSelect:A,onUpstreamSelect:Z,onPrioritySelect:ee,onCmdClick:n=>q(`/escalations/available?role=${encodeURIComponent(n)}`),periodHours:Se[t]})}),e.jsx("div",{className:"w-px bg-surface-border shrink-0 self-stretch"}),e.jsx(Re,{role:te,allMetrics:z,orderedRoles:N.map(n=>n.role),globalPeriod:t,onClose:()=>c(null)})]}),e.jsxs("div",{className:"max-h-[30vh] flex-none flex flex-col border-t border-surface-border overflow-hidden",children:[e.jsx(qe,{}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto divide-y divide-surface-border/30",children:N.map(({role:n})=>e.jsx(Pe,{role:n,metric:j.find(m=>m.role===n.role),selected:i===n.role,onClick:()=>A(n.role)},n.role))})]})]})]})}const Ue=Object.freeze(Object.defineProperty({__proto__:null,OperationsPage:Oe,buildFragments:X},Symbol.toStringTag,{value:"Module"}));export{Ue as O,X as b,I as p};
-//# sourceMappingURL=OperationsPage-Daah4pNk.js.map

package/dashboard/dist/assets/OperationsPage-Daah4pNk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OperationsPage-Daah4pNk.js","sources":["../../src/pages/operations/priority-link.ts","../../src/pages/operations/StationDetailPanel.tsx","../../src/pages/operations/OperationsPage.tsx"],"sourcesContent":["import type { RoleDetail } from '../../api/roles';\n\n/**\n * Deep link to the available-escalations queue ordered oldest-first by the\n * role's priority age origin: the metadata facet when configured (faceted\n * orderBy, nulls last), else created_at. Mirrors the priority_count SQL so\n * the counted items sit at the top of the list the runner opens.\n */\nexport function priorityQueueLink(role: Pick<RoleDetail, 'role' | 'priority_facet'>): string {\n  const base = `/escalations/available?role=${encodeURIComponent(role.role)}`;\n  if (role.priority_facet) {\n    const orderBy = JSON.stringify([{ field: `metadata.${role.priority_facet}`, direction: 'asc' }]);\n    return `${base}&orderBy=${encodeURIComponent(orderBy)}`;\n  }\n  return `${base}&sort_by=created_at&order=asc`;\n}\n","import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { X, ExternalLink, Settings, List } from 'lucide-react';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport type { RoleDetail } from '../../api/roles';\nimport { PRIORITY_TEXT_COLOR } from './PaceChart';\nimport { priorityQueueLink } from './priority-link';\nimport { displayRoleTitle } from '../../lib/role-display';\n\ninterface StationDetailPanelProps {\n  role: RoleDetail | null;\n  allMetrics: StationMetric[];\n  orderedRoles: RoleDetail[];\n  globalPeriod: string;\n  onClose: () => void;\n}\n\n// Mirrors OperationsPage's selector — the panel reports the same windows the\n// chart can show, and opens on whichever one the chart has selected.\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\nconst isPeriod = (p: string): p is Period => (PERIODS as readonly string[]).includes(p);\n\nfunction fmt(min: number | null): string {\n  if (min == null) return '—';\n  if (min < 1) {\n    const s = Math.round(min * 60);\n    return s <= 0 ? '< 1s' : `${s}s`;\n  }\n  if (min < 60) return `${min.toFixed(0)}m`;\n  return `${(min / 60).toFixed(1)}h`;\n}\n\nfunction MetricRow({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"flex items-center justify-between py-1.5\">\n      <span className=\"text-[10px] text-text-tertiary uppercase tracking-wider\">{label}</span>\n      <span className=\"text-xs font-mono font-medium text-text-primary tabular-nums\">{value}</span>\n    </div>\n  );\n}\n\nfunction PeriodSelector({ period, onChange }: { period: Period; onChange: (p: Period) => void }) {\n  return (\n    <div className=\"flex items-center gap-1 mb-4\">\n      {PERIODS.map((p) => (\n        <button\n          key={p}\n          onClick={() => onChange(p)}\n          className={`px-2 py-0.5 text-[10px] font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'text-text-quaternary hover:text-text-secondary'\n          }`}\n        >\n          {p}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nfunction RoleView({ role, globalPeriod, onClose }: { role: RoleDetail; globalPeriod: string; onClose: () => void }) {\n  // Open on the chart's selected window so the panel's numbers agree with the\n  // chart beside it; the local selector still lets the viewer drill around.\n  const [period, setPeriod] = useState<Period>(isPeriod(globalPeriod) ? globalPeriod : '24h');\n  const { data } = useStationMetrics(period);\n  const metric = data?.stations.find((s) => s.role === role.role);\n  const slaMinutes = role.sla_minutes ?? undefined;\n  const targetPerHour = role.target_per_hour ?? undefined;\n  const workerCount = role.worker_count ?? undefined;\n\n  return (\n    <>\n      {/* Header */}\n      <div className=\"flex items-start justify-between mb-4\">\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-baseline gap-1.5 flex-wrap\">\n            <span className=\"text-sm font-bold text-text-primary\">{displayRoleTitle(role)}</span>\n            <span className=\"text-[10px] font-mono text-text-secondary\">{role.role}</span>\n          </div>\n          {role.description && (\n            <p className=\"text-[10px] text-text-tertiary mt-1 line-clamp-2 leading-relaxed\">\n              {role.description}\n            </p>\n          )}\n        </div>\n        <button\n          onClick={onClose}\n          className=\"text-text-quaternary hover:text-text-secondary transition-colors mt-0.5 shrink-0 ml-2\"\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      <div className=\"flex items-center gap-3 mb-6\">\n        <Link\n          to={`/admin/roles/${encodeURIComponent(role.role)}`}\n          className=\"flex items-center gap-1 text-[10px] text-accent hover:underline\"\n        >\n          <Settings className=\"w-2.5 h-2.5\" />\n          Edit in Roles\n        </Link>\n        <Link\n          to={`/escalations/available?role=${encodeURIComponent(role.role)}`}\n          className=\"flex items-center gap-1 text-[10px] text-accent hover:underline\"\n        >\n          <List className=\"w-2.5 h-2.5\" />\n          View full queue\n        </Link>\n      </div>\n\n      <PeriodSelector period={period} onChange={setPeriod} />\n\n      {/* Capacity settings */}\n      {(targetPerHour || slaMinutes || workerCount) && (\n        <div className=\"flex items-center gap-6 mb-6 text-[10px] border-b border-surface-border/30 pb-5\">\n          {targetPerHour && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{targetPerHour}/h</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">target</div>\n            </div>\n          )}\n          {slaMinutes && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{slaMinutes}m</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">SLA</div>\n            </div>\n          )}\n          {workerCount && (\n            <div>\n              <div className=\"font-mono font-semibold text-text-primary text-sm\">{workerCount}</div>\n              <div className=\"text-text-quaternary uppercase tracking-wider text-[8.5px] mt-0.5\">workers</div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Two-column wait / work grid */}\n      <div className=\"grid grid-cols-2 gap-x-4 mb-2\">\n        <div>\n          <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-2\">Wait (queue)</p>\n          <MetricRow label=\"P99\" value={fmt(metric?.wait.p99 ?? null)} />\n          <MetricRow label=\"avg\" value={fmt(metric?.wait.avg ?? null)} />\n        </div>\n        <div>\n          <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-2\">Work (proc.)</p>\n          <MetricRow label=\"P99\" value={fmt(metric?.work.p99 ?? null)} />\n          <MetricRow label=\"avg\" value={fmt(metric?.work.avg ?? null)} />\n        </div>\n      </div>\n\n      {/* SLA + priority */}\n      <div className=\"border-t border-surface-border/40 pt-4 mt-5 space-y-2.5\">\n        {slaMinutes && (\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-[10px] text-text-tertiary\">SLA target</span>\n            <span className=\"text-xs font-mono text-text-secondary\">{slaMinutes}m</span>\n          </div>\n        )}\n        {metric && metric.priority_count > 0 && (\n          <Link\n            to={priorityQueueLink(role)}\n            className=\"flex items-center justify-between group\"\n          >\n            <span className=\"text-[10px]\" style={{ color: PRIORITY_TEXT_COLOR }}>\n              {metric.priority_count} priority — pull oldest first\n            </span>\n            <ExternalLink className=\"w-3 h-3 transition-colors\" style={{ color: PRIORITY_TEXT_COLOR }} />\n          </Link>\n        )}\n      </div>\n\n    </>\n  );\n}\n\nfunction OverviewPanel({\n  allMetrics,\n  orderedRoles,\n  period,\n}: {\n  allMetrics: StationMetric[];\n  orderedRoles: RoleDetail[];\n  period: string;\n}) {\n  const totalPending  = allMetrics.reduce((s, m) => s + m.pending,        0);\n  const totalResolved = allMetrics.reduce((s, m) => s + m.resolved,       0);\n  const totalPriority = allMetrics.reduce((s, m) => s + m.priority_count, 0);\n\n  const metricByRole    = new Map(allMetrics.map((m) => [m.role, m]));\n  const stationsAtRisk  = allMetrics.filter((m) => m.priority_count > 0).length;\n  const stationsWithLoad = allMetrics.filter((m) => m.pending > 0).length;\n\n  return (\n    <>\n      <p className=\"text-[9px] text-text-quaternary uppercase tracking-wider mb-3\">\n        Pipeline · {period}\n      </p>\n\n      {/* Health headline */}\n      <div className=\"mb-4\">\n        {stationsAtRisk > 0 ? (\n          <p className=\"text-[11px]\" style={{ color: PRIORITY_TEXT_COLOR }}>\n            {stationsAtRisk} station{stationsAtRisk > 1 ? 's' : ''} with priority items\n          </p>\n        ) : stationsWithLoad > 0 ? (\n          <p className=\"text-[11px] text-status-warning\">\n            {stationsWithLoad} station{stationsWithLoad > 1 ? 's' : ''} with backlog\n          </p>\n        ) : totalResolved > 0 ? (\n          <p className=\"text-[11px] text-status-success\">Flowing — queue clear</p>\n        ) : (\n          <p className=\"text-[11px] text-text-quaternary\">Quiet — awaiting work</p>\n        )}\n      </div>\n\n      {/* Key counters */}\n      <div className=\"space-y-1.5 mb-4\">\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Pending</span>\n          <span className={`text-xs font-mono tabular-nums ${totalPending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'}`}>\n            {totalPending}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Resolved · {period}</span>\n          <span className=\"text-xs font-mono tabular-nums text-text-secondary\">{totalResolved}</span>\n        </div>\n        {totalPriority > 0 && (\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-[9px] text-text-quaternary uppercase tracking-wider\">Priority</span>\n            <span className=\"text-xs font-mono tabular-nums font-semibold\" style={{ color: PRIORITY_TEXT_COLOR }}>\n              {totalPriority}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Divider + column headers */}\n      <div className=\"border-t border-surface-border/40 pt-2 mb-1\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider flex-1\">Station</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">pend</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">clmd</span>\n          <span className=\"text-[8px] text-text-quaternary uppercase tracking-wider w-8 text-right shrink-0\">res</span>\n        </div>\n      </div>\n\n      {/* Station list in pipeline order */}\n      <div className=\"space-y-0.5\">\n        {orderedRoles.map((r) => {\n          const m             = metricByRole.get(r.role);\n          const pending       = m?.pending        ?? 0;\n          const claimed       = m?.claimed        ?? 0;\n          const resolved      = m?.resolved       ?? 0;\n          const priorityCount = m?.priority_count ?? 0;\n          const label         = r.title || r.role;\n          const hasAlert      = priorityCount > 0;\n          const hasLoad       = pending > 0;\n\n          return (\n            <div key={r.role} className=\"flex items-center gap-2 py-0.5\">\n              <span\n                className={`text-[10px] font-mono flex-1 truncate ${\n                  hasLoad ? 'text-text-primary' : 'text-text-quaternary'\n                }`}\n              >\n                {label}\n                {hasAlert && (\n                  <span className=\"ml-1 text-[8px] font-semibold\" style={{ color: PRIORITY_TEXT_COLOR }}>\n                    {priorityCount} PRIORITY\n                  </span>\n                )}\n              </span>\n              <span\n                className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${\n                  hasLoad ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n                }`}\n              >\n                {pending > 0 ? pending : '—'}\n              </span>\n              <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${claimed > 0 ? 'text-accent font-semibold' : 'text-text-quaternary'}`}>\n                {claimed > 0 ? claimed : '—'}\n              </span>\n              <span className={`text-[10px] font-mono tabular-nums w-8 text-right shrink-0 ${resolved > 0 ? 'text-text-secondary' : 'text-text-quaternary'}`}>\n                {resolved > 0 ? resolved : '—'}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n\n      <p className=\"text-[9px] text-text-quaternary mt-5\">\n        Select a station for queue detail.\n      </p>\n    </>\n  );\n}\n\nexport function StationDetailPanel({\n  role,\n  allMetrics,\n  orderedRoles,\n  globalPeriod,\n  onClose,\n}: StationDetailPanelProps) {\n  return (\n    <div className=\"w-[280px] shrink-0 px-7 py-10 flex flex-col overflow-y-auto min-h-0\">\n      {role ? (\n        <RoleView role={role} globalPeriod={globalPeriod} onClose={onClose} />\n      ) : (\n        <OverviewPanel allMetrics={allMetrics} orderedRoles={orderedRoles} period={globalPeriod} />\n      )}\n    </div>\n  );\n}\n","import { useState, useMemo, useCallback, useRef } from 'react';\nimport { Link, useNavigate, useSearchParams } from 'react-router-dom';\nimport { GitMerge, RefreshCw, Eye } from 'lucide-react';\nimport { useRoleDetails, useUpdateRole, type RoleDetail } from '../../api/roles';\nimport { useStationMetrics } from '../../api/escalations';\nimport type { StationMetric } from '../../api/escalations';\nimport { useStationMetricsEvents } from '../../hooks/useEventHooks';\nimport { PageHeader } from '../../components/common/layout/PageHeader';\nimport {\n  PaceChart,\n  ACTIVE_COLOR,\n  QUEUED_COLOR,\n  RESOLVED_COLOR,\n  TARGET_COLOR,\n  PRIORITY_COLOR,\n  PRIORITY_TEXT_COLOR,\n  type ChartStation,\n} from './PaceChart';\nimport { StationDetailPanel } from './StationDetailPanel';\nimport { priorityQueueLink } from './priority-link';\nimport { displayRoleTitle } from '../../lib/role-display';\n\n// Column band tints — same hues as the chart bands (~8% alpha).\n// Semantic palette: pending=sky, claimed=orange, resolved=green, target=slate, sla=amber.\nconst SLA_COLOR  = TARGET_COLOR;\nconst TARGET_BAND   = `${TARGET_COLOR}18`;\nconst SLA_BAND      = `${TARGET_COLOR}18`;\nconst PENDING_BAND  = `${QUEUED_COLOR}14`;\nconst ACTIVE_BAND   = `${ACTIVE_COLOR}14`;\nconst RESOLVED_BAND = `${RESOLVED_COLOR}14`;\n\n// Station table grid. The 5 colored columns are grouped into a single auto\n// cell rendered as a flex row with no internal gap so they touch each other.\nconst STATION_GRID_COLS = 'minmax(120px, 1.1fr) minmax(100px, 0.9fr) auto 72px 72px 104px 36px';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nconst PERIODS = ['15m', '1h', '24h', '7d', '30d'] as const;\ntype Period = (typeof PERIODS)[number];\n\n// Window length in hours — used to express the target as a count for the\n// selected window (target_per_hour × hours), e.g. 22/h over 15m ≈ 5 expected.\nconst PERIOD_HOURS: Record<Period, number> = {\n  '15m': 0.25,\n  '1h': 1,\n  '24h': 24,\n  '7d': 168,\n  '30d': 720,\n};\n\ninterface OrderedStation {\n  role: RoleDetail;\n  depth: number;\n}\n\n/**\n * One sequence of stations, named by its origin role. Execution is a graph;\n * each fragment is the human-readable line the user composed via parent_role.\n * Cross-fragment edges live in upstream_roles and render as a merge affordance\n * on the chart, never as a bend in the line.\n */\ninterface SequenceFragment {\n  origin: RoleDetail;\n  stations: OrderedStation[];\n}\n\n// ── Fragment builder — BFS per parent_role root, tracking actual depth ────────\n\nexport function buildFragments(roles: RoleDetail[]): SequenceFragment[] {\n  const opsRoles = roles.filter((r) => r.ops_visible);\n  const roleMap = new Map(opsRoles.map((r) => [r.role, r]));\n  const visited = new Set<string>();\n\n  // Roots: no parent, or parent not in ops set — each roots its own fragment.\n  const roots = opsRoles.filter((r) => !r.parent_role || !roleMap.has(r.parent_role));\n\n  const fragments: SequenceFragment[] = roots.map((root) => {\n    const stations: OrderedStation[] = [];\n    const queue: OrderedStation[] = [{ role: root, depth: 0 }];\n    while (queue.length > 0) {\n      const item = queue.shift()!;\n      if (visited.has(item.role.role)) continue;\n      visited.add(item.role.role);\n      stations.push(item);\n      opsRoles\n        .filter((c) => c.parent_role === item.role.role && !visited.has(c.role))\n        .forEach((c) => queue.push({ role: c, depth: item.depth + 1 }));\n    }\n    return { origin: root, stations };\n  });\n\n  // Unreachable (cycles / dangling) — each stands alone rather than vanishing.\n  opsRoles\n    .filter((r) => !visited.has(r.role))\n    .forEach((r) => fragments.push({ origin: r, stations: [{ role: r, depth: 0 }] }));\n\n  // Longest line first — the primary sequence leads; side-quests follow.\n  return fragments.sort(\n    (a, b) => b.stations.length - a.stations.length || a.origin.role.localeCompare(b.origin.role),\n  );\n}\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction fmtMin(v: number | null): string {\n  if (v == null) return '—';\n  if (v < 1) {\n    const s = Math.round(v * 60);\n    return s <= 0 ? '< 1s' : `${s}s`;\n  }\n  if (v < 60) return `${v.toFixed(0)}m`;\n  return `${(v / 60).toFixed(1)}h`;\n}\n\nfunction loadBar(pending: number, target: number | null) {\n  // No target, or nothing pending — there is no live load to trend. Show the\n  // empty state rather than inventing a rate from historical throughput.\n  if (!target || pending === 0) return { pct: null, color: 'bg-surface-border' };\n\n  const ratio = pending / target;\n  const pct = Math.round(ratio * 100);\n  // Amber: backlog. Orange: some work but well under pace. Green: healthy.\n  const color = ratio > 1.0 ? 'bg-status-warning' : ratio < 0.2 ? 'bg-status-draft' : 'bg-status-success';\n  return { pct, color };\n}\n\n// ── Editable numeric cell ─────────────────────────────────────────────────────\n\nfunction EditableNumber({ value, onSave }: { value: number | null; onSave: (n: number | null) => void }) {\n  const [local, setLocal] = useState(value != null ? String(value) : '');\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const commit = (val: string) => {\n    const n = parseInt(val, 10);\n    onSave(!val.trim() || isNaN(n) || n < 0 ? null : n);\n  };\n\n  return (\n    <input\n      type=\"number\"\n      min={0}\n      step={1}\n      value={local}\n      onChange={(e) => {\n        const val = e.target.value;\n        setLocal(val);\n        clearTimeout(timer.current);\n        timer.current = setTimeout(() => commit(val), 400);\n      }}\n      onBlur={(e) => { clearTimeout(timer.current); commit(e.target.value); }}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => e.stopPropagation()}\n      className=\"w-full bg-transparent text-xs font-mono tabular-nums text-right focus:outline-none\"\n    />\n  );\n}\n\n// ── Station table row ─────────────────────────────────────────────────────────\n\nfunction StationRow({\n  role,\n  metric,\n  selected,\n  onClick,\n}: {\n  role: RoleDetail;\n  metric: StationMetric | undefined;\n  selected: boolean;\n  onClick: () => void;\n}) {\n  const updateRole = useUpdateRole();\n  const pending = metric?.pending ?? 0;\n  const claimed = metric?.claimed ?? 0;\n  const resolved = metric?.resolved ?? 0;\n  const priorityCount = metric?.priority_count ?? 0;\n  const target = role.target_per_hour ?? null;\n  const { pct, color } = loadBar(pending, target);\n  const barWidth = pct != null ? Math.min(100, pct) : 0;\n\n  const saveTarget = (n: number | null) => updateRole.mutate({ role: role.role, target_per_hour: n });\n  const saveSla    = (n: number | null) => updateRole.mutate({ role: role.role, sla_minutes: n });\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={onClick}\n        onKeyDown={(e) => { if (e.key === 'Enter') onClick(); }}\n        className={`grid items-center gap-4 pr-3 cursor-pointer transition-colors ${\n          selected ? 'border-l-2 !border-l-accent pl-2.5' : 'pl-3'\n        }`}\n        style={{ gridTemplateColumns: STATION_GRID_COLS }}\n      >\n        {/* Name — user-set title, or derived from the role id */}\n        <div className=\"flex items-center gap-1.5 min-w-0 py-1.5\">\n          <span className=\"font-bold text-text-primary truncate text-xs\">\n            {displayRoleTitle(role)}\n          </span>\n          {(role.upstream_roles?.length ?? 0) > 0 && (\n            <span title={`Fed by ${role.upstream_roles.join(', ')}`} className=\"shrink-0 leading-none\">\n              <GitMerge className=\"w-3 h-3 text-text-quaternary\" />\n            </span>\n          )}\n        </div>\n\n        {/* Role id */}\n        <span className=\"font-mono text-[11px] text-text-tertiary truncate py-1.5\">\n          {role.role}\n        </span>\n\n        {/* ── 5 colored columns in one touching flex group ── */}\n        <div className=\"self-stretch flex items-stretch\">\n          {/* Target/h — editable, slate band */}\n          <div className=\"w-16 shrink-0 flex items-center justify-end px-1.5\" style={{ backgroundColor: TARGET_BAND }}>\n            <EditableNumber value={role.target_per_hour ?? null} onSave={saveTarget} />\n          </div>\n          {/* SLA/m — editable, amber band */}\n          <div className=\"w-16 shrink-0 flex items-center justify-end px-1.5\" style={{ backgroundColor: SLA_BAND }}>\n            <EditableNumber value={role.sla_minutes ?? null} onSave={saveSla} />\n          </div>\n          {/* Pending — sky band */}\n          <div className=\"w-16 shrink-0 flex items-center justify-end px-3\" style={{ backgroundColor: PENDING_BAND }}>\n            <Link\n              to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=available`}\n              className={`text-xs font-mono tabular-nums hover:underline ${\n                pending > 0 ? 'text-text-primary font-semibold' : 'text-text-quaternary'\n              }`}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {pending}\n            </Link>\n          </div>\n          {/* Claimed — orange band */}\n          <div className=\"w-16 shrink-0 flex items-center justify-end px-3\" style={{ backgroundColor: ACTIVE_BAND }}>\n            <Link\n              to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=claimed`}\n              className={`text-xs font-mono tabular-nums hover:underline ${\n                claimed > 0 ? 'font-semibold' : 'text-text-quaternary'\n              }`}\n              style={claimed > 0 ? { color: ACTIVE_COLOR } : undefined}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {claimed}\n            </Link>\n          </div>\n          {/* Resolved — green band */}\n          <div className=\"w-16 shrink-0 flex items-center justify-end px-3\" style={{ backgroundColor: RESOLVED_BAND }}>\n            <Link\n              to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=resolved`}\n              className={`text-xs font-mono tabular-nums hover:underline ${\n                resolved > 0 ? 'text-text-secondary' : 'text-text-quaternary'\n              }`}\n              style={resolved > 0 ? { color: RESOLVED_COLOR } : undefined}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {resolved}\n            </Link>\n          </div>\n        </div>\n\n        {/* P99 wait */}\n        <span className=\"text-xs font-mono tabular-nums text-right py-1.5 text-text-secondary\">\n          {fmtMin(metric?.wait.p99 ?? null)}\n        </span>\n\n        {/* P99 work */}\n        <span className=\"text-xs font-mono tabular-nums text-right py-1.5 text-text-secondary\">\n          {fmtMin(metric?.work.p99 ?? null)}\n        </span>\n\n        {/* Load mini-bar */}\n        <div className=\"flex items-center gap-2 py-1.5\">\n          <div className=\"w-12 h-1.5 bg-surface-sunken rounded-full overflow-hidden shrink-0\">\n            <div className={`h-full rounded-full ${color}`} style={{ width: `${barWidth}%` }} />\n          </div>\n          <span\n            className={`text-[10px] font-mono tabular-nums ${\n              pct != null && pct > 100\n                ? 'text-status-warning font-semibold'\n                : 'text-text-quaternary'\n            }`}\n          >\n            {pct != null ? `${pct}%` : '—'}\n          </span>\n        </div>\n\n        {/* Actions — navigate to full queue (all statuses) */}\n        <div className=\"flex items-center justify-center py-1.5\">\n          <Link\n            to={`/escalations/available?role=${encodeURIComponent(role.role)}&status=all`}\n            className=\"text-text-quaternary hover:text-accent transition-colors\"\n            title=\"View all items in queue\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Eye className=\"w-3.5 h-3.5\" />\n          </Link>\n        </div>\n      </div>\n\n      {/* Priority sub-row — unclaimed items past the role's age threshold */}\n      {priorityCount > 0 && (\n        <div className=\"flex items-center gap-1.5 pb-2 pl-3.5\">\n          <span\n            className=\"w-2.5 h-2.5 rounded-full dot-ring shrink-0\"\n            style={{ backgroundColor: PRIORITY_COLOR }}\n          />\n          <Link\n            to={priorityQueueLink(role)}\n            className=\"text-[10px] hover:underline\"\n            style={{ color: PRIORITY_TEXT_COLOR }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            {priorityCount} priority — pull oldest first →\n          </Link>\n        </div>\n      )}\n    </>\n  );\n}\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nfunction TableHead() {\n  const coloredCols = [\n    { label: 'TARGET/H', band: TARGET_BAND, hue: TARGET_COLOR, w: 'w-16' },\n    { label: 'SLA/M',    band: SLA_BAND,    hue: SLA_COLOR,    w: 'w-16' },\n    { label: 'PENDING',  band: PENDING_BAND,  hue: QUEUED_COLOR,   w: 'w-16', px: 'px-3' },\n    { label: 'CLAIMED',  band: ACTIVE_BAND,   hue: ACTIVE_COLOR,   w: 'w-16', px: 'px-3' },\n    { label: 'RESOLVED', band: RESOLVED_BAND, hue: RESOLVED_COLOR, w: 'w-16', px: 'px-3' },\n  ];\n  return (\n    <div\n      className=\"grid items-center gap-4 px-3 border-b border-surface-border mb-0.5\"\n      style={{ gridTemplateColumns: STATION_GRID_COLS }}\n    >\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5\">NAME</span>\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5\">ROLE</span>\n\n      {/* Touching colored column group */}\n      <div className=\"self-stretch flex items-stretch\">\n        {coloredCols.map((col) => (\n          <div\n            key={col.label}\n            className={`${col.w} shrink-0 flex items-center justify-end ${'px' in col ? col.px : 'px-1.5'}`}\n            style={{ backgroundColor: col.band }}\n          >\n            <span className=\"text-[9px] font-semibold uppercase tracking-wider\" style={{ color: col.hue }}>\n              {col.label}\n            </span>\n          </div>\n        ))}\n      </div>\n\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-right\">P99 WAIT</span>\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-right\">P99 WORK</span>\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5\">TREND</span>\n      <span className=\"text-[9px] font-semibold uppercase tracking-wider text-text-quaternary py-1.5 text-center\">ACTIONS</span>\n    </div>\n  );\n}\n\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function OperationsPage() {\n  // 1h default: long enough to show a whole simulation shift's shape,\n  // short enough that stale history doesn't drown the current run.\n  const [period, setPeriod] = useState<Period>('1h');\n  const [selectedRole, setSelectedRole] = useState<string | null>(null);\n  const [refreshing, setRefreshing] = useState(false);\n\n  // Push-driven refresh: every escalation event invalidates ['stationMetrics']\n  // through the central event system (debounced, transport-agnostic). The\n  // header's refresh button covers user-initiated reloads.\n  useStationMetricsEvents();\n\n  const { data: roleData, isLoading: rolesLoading, refetch: refetchRoles } = useRoleDetails();\n  const {\n    data: metricsData,\n    isLoading: metricsLoading,\n    refetch: refetchMetrics,\n  } = useStationMetrics(period);\n\n  const roles = roleData?.roles ?? [];\n  const metrics = metricsData?.stations ?? [];\n\n  // Sequence fragments, one per parent_role root. The active one is\n  // DEEP-LINKED (?fragment=<origin role>) and each switch is a history entry,\n  // so a shared link opens the same sequence and back/forward walks them.\n  const fragments = useMemo((): SequenceFragment[] => buildFragments(roles), [roles]);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const fragmentParam = searchParams.get('fragment');\n  const activeFragment =\n    fragments.find((f) => f.origin.role === fragmentParam) ?? fragments[0] ?? null;\n  const selectFragment = useCallback(\n    (origin: string) => {\n      setSelectedRole(null);\n      setSearchParams((prev) => {\n        const p = new URLSearchParams(prev);\n        p.set('fragment', origin);\n        return p;\n      });\n    },\n    [setSearchParams],\n  );\n\n  const ordered = activeFragment?.stations ?? [];\n  const fragmentRoleSet = useMemo(\n    () => new Set(ordered.map(({ role }) => role.role)),\n    [ordered],\n  );\n  const fragmentMetrics = useMemo(\n    () => metrics.filter((m) => fragmentRoleSet.has(m.role)),\n    [metrics, fragmentRoleSet],\n  );\n\n  const chartStations = useMemo(\n    (): ChartStation[] =>\n      ordered.map(({ role: r }) => ({\n        role: r.role,\n        title: r.title,\n        parent_role: r.parent_role,\n        target_per_hour: r.target_per_hour ?? null,\n        upstream_roles: r.upstream_roles ?? [],\n        metric: metrics.find((m) => m.role === r.role),\n      })),\n    [ordered, metrics],\n  );\n\n  // Jump to the sequence that feeds this station — the merge glyph's click.\n  const handleUpstreamSelect = useCallback(\n    (upstreamRole: string) => {\n      const target = fragments.find((f) =>\n        f.stations.some(({ role }) => role.role === upstreamRole),\n      );\n      if (target) selectFragment(target.origin.role);\n    },\n    [fragments, selectFragment],\n  );\n\n  // Priority-badge click — open the station's queue oldest-first by its facet.\n  const navigate = useNavigate();\n  const handlePrioritySelect = useCallback(\n    (roleName: string) => {\n      const detail = roles.find((r) => r.role === roleName);\n      if (detail) navigate(priorityQueueLink(detail));\n    },\n    [roles, navigate],\n  );\n\n  const selectedRoleDetail =\n    ordered.find(({ role }) => role.role === selectedRole)?.role ?? null;\n\n  const isLoading = rolesLoading || metricsLoading;\n\n  const handleRefresh = async () => {\n    setRefreshing(true);\n    await Promise.all([refetchRoles(), refetchMetrics()]);\n    setRefreshing(false);\n  };\n\n  const handleSelect = (role: string) =>\n    setSelectedRole((prev) => (prev === role ? null : role));\n\n  const periodSelector = (\n    <div className=\"flex items-center gap-0.5\">\n      {PERIODS.map((p) => (\n        <button\n          key={p}\n          onClick={() => setPeriod(p)}\n          className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n            period === p\n              ? 'bg-accent/10 text-accent font-semibold'\n              : 'text-text-quaternary hover:text-text-secondary'\n          }`}\n        >\n          {p}\n        </button>\n      ))}\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-col flex-1 min-h-0\">\n      <PageHeader\n        title=\"Pace Board\"\n        docsHash=\"#docs:dashboard.md:pace-board\"\n        center={periodSelector}\n        actions={\n          <button\n            onClick={handleRefresh}\n            disabled={refreshing}\n            className=\"text-text-quaternary hover:text-text-secondary transition-colors disabled:opacity-40\"\n          >\n            <RefreshCw className={`w-3.5 h-3.5 ${refreshing ? 'animate-spin' : ''}`} />\n          </button>\n        }\n      />\n\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-6 mt-4\">\n          <div className=\"h-8 bg-surface-sunken rounded w-64\" />\n          <div className=\"h-64 bg-surface-sunken rounded w-full\" />\n          <div className=\"space-y-3\">\n            {[1, 2, 3].map((i) => (\n              <div key={i} className=\"h-8 bg-surface-sunken rounded w-full\" />\n            ))}\n          </div>\n        </div>\n      ) : fragments.length === 0 ? (\n        <div className=\"mt-8\">\n          <p className=\"text-sm text-text-secondary mb-2\">Stations appear here once roles are marked visible in Operations.</p>\n          <p className=\"text-xs text-text-tertiary\">\n            Go to{' '}\n            <Link to=\"/admin/roles\" className=\"text-accent hover:underline\">\n              Roles\n            </Link>{' '}\n            and enable <strong>Visible in Operations</strong> on roles that represent pipeline\n            stations.\n          </p>\n        </div>\n      ) : (\n        /* Console layout: fixed header (above) → chart row (min 40vh) → table row (max 30vh) */\n        <div className=\"flex flex-col flex-1 min-h-0\">\n\n          {/* Sequence picker — one tab per fragment, named by its origin role.\n              Only rendered when there is more than one story to tell. */}\n          {fragments.length > 1 && (\n            <div className=\"flex items-center gap-0.5 px-4 pt-2\">\n              {fragments.map((f) => {\n                const isActive = f.origin.role === activeFragment?.origin.role;\n                return (\n                  <button\n                    key={f.origin.role}\n                    onClick={() => selectFragment(f.origin.role)}\n                    className={`px-2.5 py-1 text-[10px] font-mono rounded transition-colors ${\n                      isActive\n                        ? 'bg-accent/10 text-accent font-semibold'\n                        : 'text-text-quaternary hover:text-text-secondary'\n                    }`}\n                  >\n                    {displayRoleTitle(f.origin)}\n                    <span className={`ml-1.5 tabular-nums ${isActive ? 'text-accent/60' : 'text-text-quaternary/60'}`}>\n                      {f.stations.length}\n                    </span>\n                  </button>\n                );\n              })}\n            </div>\n          )}\n\n          {/* Middle row: flexible, never below 40vh — SVG fills left, sidebar fixed-width right */}\n          <div className=\"flex-1 min-h-[40vh] flex items-stretch overflow-hidden\">\n            {/* SVG chart — scales to fill available space */}\n            <div className=\"flex-1 min-w-0 min-h-0 flex flex-col justify-center overflow-hidden p-4\">\n              <PaceChart\n                stations={chartStations}\n                selectedRole={selectedRole}\n                onSelect={handleSelect}\n                onUpstreamSelect={handleUpstreamSelect}\n                onPrioritySelect={handlePrioritySelect}\n                onCmdClick={(role) => navigate(`/escalations/available?role=${encodeURIComponent(role)}`)}\n                periodHours={PERIOD_HOURS[period]}\n              />\n            </div>\n            {/* Vertical divider */}\n            <div className=\"w-px bg-surface-border shrink-0 self-stretch\" />\n            {/* Right sidebar — fixed width, scrolls its own content */}\n            <StationDetailPanel\n              role={selectedRoleDetail}\n              allMetrics={fragmentMetrics}\n              orderedRoles={ordered.map((o) => o.role)}\n              globalPeriod={period}\n              onClose={() => setSelectedRole(null)}\n            />\n          </div>\n\n          {/* Bottom row: sized to its rows up to 30vh — header sticky, rows scroll */}\n          <div className=\"max-h-[30vh] flex-none flex flex-col border-t border-surface-border overflow-hidden\">\n            <TableHead />\n            <div className=\"flex-1 min-h-0 overflow-y-auto divide-y divide-surface-border/30\">\n              {ordered.map(({ role }) => (\n                <StationRow\n                  key={role.role}\n                  role={role}\n                  metric={metrics.find((m) => m.role === role.role)}\n                  selected={selectedRole === role.role}\n                  onClick={() => handleSelect(role.role)}\n                />\n              ))}\n            </div>\n          </div>\n\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["priorityQueueLink","role","base","orderBy","PERIODS","isPeriod","p","fmt","min","MetricRow","label","value","jsxs","jsx","PeriodSelector","period","onChange","RoleView","globalPeriod","onClose","setPeriod","useState","data","useStationMetrics","metric","s","slaMinutes","targetPerHour","workerCount","Fragment","displayRoleTitle","X","Link","Settings","List","PRIORITY_TEXT_COLOR","ExternalLink","OverviewPanel","allMetrics","orderedRoles","totalPending","m","totalResolved","totalPriority","metricByRole","stationsAtRisk","stationsWithLoad","r","pending","claimed","resolved","priorityCount","hasAlert","hasLoad","StationDetailPanel","SLA_COLOR","TARGET_COLOR","TARGET_BAND","SLA_BAND","PENDING_BAND","QUEUED_COLOR","ACTIVE_BAND","ACTIVE_COLOR","RESOLVED_BAND","RESOLVED_COLOR","STATION_GRID_COLS","PERIOD_HOURS","buildFragments","roles","opsRoles","roleMap","visited","fragments","root","stations","queue","item","c","b","fmtMin","v","loadBar","target","ratio","pct","color","EditableNumber","onSave","local","setLocal","timer","useRef","commit","val","n","e","StationRow","selected","onClick","updateRole","useUpdateRole","barWidth","saveTarget","saveSla","_a","GitMerge","Eye","PRIORITY_COLOR","TableHead","coloredCols","col","OperationsPage","selectedRole","setSelectedRole","refreshing","setRefreshing","useStationMetricsEvents","roleData","rolesLoading","refetchRoles","useRoleDetails","metricsData","metricsLoading","refetchMetrics","metrics","useMemo","searchParams","setSearchParams","useSearchParams","fragmentParam","activeFragment","f","selectFragment","useCallback","origin","prev","ordered","fragmentRoleSet","fragmentMetrics","chartStations","handleUpstreamSelect","upstreamRole","navigate","useNavigate","handlePrioritySelect","roleName","detail","selectedRoleDetail","isLoading","handleRefresh","handleSelect","periodSelector","PageHeader","RefreshCw","i","isActive","PaceChart","o"],"mappings":"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"}

package/dashboard/dist/assets/OperatorDashboard-CVRD8nQH.js

@@ -1,2 +0,0 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{l as v,x as C,v as L,j as R}from"./index-DcQiD6OF.js";import{f as F}from"./useEventHooks-oXjfKrbI.js";import{u as N}from"./roles-BiUJAsVM.js";import{u as T}from"./useFilterParams-x-Dg0Vgz.js";import{u as _}from"./useDebouncedValue-BA5S7V54.js";import{b as k}from"./api-path-u2Jf9QXS.js";import{D as z}from"./DataTable-Byn3oyT9.js";import{P as A}from"./PageHeader-CiFhzGc0.js";import{S as w}from"./StickyPagination-eZ6WhMrL.js";import{R as M,a as O}from"./RowActions-BA9L9djf.js";import{E as I,T as U,a as q}from"./escalation-columns-Ck7ZOd7Z.js";import{L as D}from"./ListToolbar-DDG6DXVF.js";import{ae as $}from"./vendor-icons-DPmIjhZB.js";import{c as B}from"./vendor-react-CXumBFUA.js";import"./EmptyState-BcsfPq9T.js";import"./FilterBar-DDIn8TOs.js";import"./PriorityBadge-B4ykBH7f.js";import"./RolePill-CUIJSgRq.js";import"./WorkflowPill-S6VV2Eax.js";import"./CountdownTimer-BTJmh4Xw.js";function pe(){F();const d=B(),{user:i}=v(),{filters:t,setFilter:u,pagination:e,sort:n,setSort:g}=T({filters:{role:"",type:"",priority:"",search:""}}),f=_(t.search,300),x=C(),{data:l}=N(),{data:c}=L(),m={assigned_to:i==null?void 0:i.userId,status:"pending",role:t.role||void 0,type:t.type||void 0,priority:t.priority?parseInt(t.priority):void 0,search:f||void 0,sort_by:n.sort_by||"created_at",order:n.order||"desc"},{data:o,isLoading:y,error:r,refetch:h,isFetching:b}=R({...m,limit:e.pageSize,offset:e.offset}),S=(o==null?void 0:o.escalations)??[],p=(o==null?void 0:o.total)??0,E=k("/escalations",{...m,limit:e.pageSize,offset:e.offset}),P={key:"actions",label:"",render:a=>s.jsx(M,{children:s.jsx(O,{icon:$,title:"Release escalation",onClick:()=>x.mutate(a.id),colorClass:"text-text-tertiary hover:text-status-warning"})}),className:"w-16 text-right"},j=[U,...q,P];return s.jsxs("div",{children:[s.jsx(A,{title:"My Escalations"}),s.jsx(I,{filters:t,setFilter:u,roles:(l==null?void 0:l.roles)??[],types:(c==null?void 0:c.types)??[],actions:s.jsx(D,{onRefresh:()=>h(),isFetching:b,apiPath:E})}),r&&s.jsx("div",{className:"mb-4 px-4 py-3 rounded-md bg-status-error/10 border border-status-error/20 text-xs text-status-error",children:r.message==="Session expired"?"Your session has expired. Please log in again.":`Failed to load escalations: ${r.message}`}),s.jsx(z,{columns:j,data:S,keyFn:a=>a.id,onRowClick:a=>d(`/escalations/detail/${a.id}`,{state:{from:"/escalations/queue"}}),isLoading:y,emptyMessage:r?"Unable to load data":"No assigned escalations",sort:n,onSort:g}),s.jsx(w,{page:e.page,totalPages:e.totalPages(p),onPageChange:e.setPage,total:p,pageSize:e.pageSize,onPageSizeChange:e.setPageSize})]})}export{pe as OperatorDashboard};
-//# sourceMappingURL=OperatorDashboard-CVRD8nQH.js.map

package/dashboard/dist/assets/RoleDetailPage-6H1AY6sK.js

@@ -1,8 +0,0 @@
-import{a as u,j as e}from"./vendor-query-B2UbickB.js";import{d as ee,f as W,g as te,e as se,h as ae,i as re}from"./roles-BiUJAsVM.js";import{J as ne}from"./index-DcQiD6OF.js";import{C as ie}from"./ConfirmDeleteModal-D9_1b4MW.js";import{u as oe}from"./users-DbX5JZ_w.js";import{T as R,B as le,w as F,Y as ce,q as de,b as me,aE as xe,N as ue,g as pe,h as M,ab as he}from"./vendor-icons-DPmIjhZB.js";import{e as fe,c as ve,L as U}from"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";function ge({value:t,onChange:d,rows:n=2,className:l="",...x}){const i=u.useRef(null);return u.useLayoutEffect(()=>{const o=i.current;o&&(o.style.height="auto",o.style.height=`${o.scrollHeight}px`)},[t]),e.jsx("textarea",{ref:i,value:t,onChange:o=>d(o.target.value),rows:n,className:`textarea-quiet ${l}`,...x})}function je({role:t}){const{data:d}=oe({role:t,limit:100}),n=(d==null?void 0:d.users)??[];return n.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Assign users to this role to staff its queue. Members see and resolve escalations here according to their read/write scope; admins manage the role itself."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(l=>{const x=l.roles.find(i=>i.role===t);return x?e.jsxs("div",{className:"flex items-center justify-between py-1.5 gap-2",children:[e.jsx("span",{className:"text-xs text-text-secondary truncate",children:l.display_name||l.external_id}),e.jsx("span",{className:"text-[10px] text-text-quaternary font-mono shrink-0",children:_e(x)})]},l.id):null})})}function _e(t){return t.type==="superadmin"||t.type==="admin"?t.type:`member · read ${t.read_scope} · write ${t.write_scope}`}function B(t){return t==null?"":JSON.stringify(t,null,2)}function O(t){const d=t.trim();if(!d)return{ok:!0,value:void 0};try{const n=JSON.parse(d);return typeof n!="object"||Array.isArray(n)||n===null?{ok:!1}:{ok:!0,value:n}}catch{return{ok:!1}}}function J({icon:t,color:d,label:n,aside:l}){return e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t,{className:`w-4 h-4 ${d}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:n})]}),l]})}function g({icon:t,label:d,annotation:n,aside:l,accent:x=!1,children:i}){const o=x?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(t,{className:`w-3 h-3 ${o} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-[9px] font-semibold uppercase tracking-widest ${o}`,children:d}),n&&e.jsxs("span",{className:"text-[9px] text-text-quaternary truncate",children:["— ",n]})]}),l]}),e.jsx("div",{className:`border-l-2 pl-5 ${x?"border-accent/15":"border-surface-border/60"}`,children:i})]})}function I(){return e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}function be({role:t,allRoles:d}){const{data:n}=se(),l=ae(),x=re(),[i,o]=u.useState(""),a=(n==null?void 0:n.chains)??[],s=u.useMemo(()=>a.filter(c=>c.source_role===t.role).map(c=>c.target_role),[a,t.role]),v=u.useMemo(()=>d.map(c=>c.role).filter(c=>c!==t.role&&c!=="superadmin"&&!s.includes(c)),[d,t.role,s]);return t.role==="superadmin"?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-3",children:[s.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a target role to route hand-offs."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:s.map(c=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[c,e.jsx("button",{onClick:()=>x.mutate({source_role:t.role,target_role:c}),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},c))}),v.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:i,onChange:c=>o(c.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),v.map(c=>e.jsx("option",{value:c,children:c},c))]}),e.jsx("button",{onClick:()=>{i&&l.mutate({source_role:t.role,target_role:i},{onSuccess:()=>o("")})},disabled:!i||l.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:l.isPending?"…":"Add"})]})]})}function Ne({role:t,allRoles:d}){const n=W(),[l,x]=u.useState(""),i=t.upstream_roles??[],o=u.useMemo(()=>d.map(s=>s.role).filter(s=>s!==t.role&&s!=="superadmin"&&!i.includes(s)),[d,t.role,i]),a=s=>n.mutate({role:t.role,upstream_roles:s},{onSuccess:()=>x("")});return e.jsxs("div",{className:"space-y-3",children:[i.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a role from another sequence that this station draws input from. Prior Step sets where this role sits in its own sequence; upstream inputs mark the side-quests that land here."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:i.map(s=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[s,e.jsx("button",{onClick:()=>a(i.filter(v=>v!==s)),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},s))}),o.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:l,onChange:s=>x(s.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),o.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("button",{onClick:()=>{l&&a([...i,l])},disabled:!l||n.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:n.isPending?"…":"Add"})]}),n.error&&e.jsx("p",{className:"text-[10px] text-status-error",children:n.error.message})]})}function ye(t){return{title:t.title??"",description:t.description??"",ops_visible:t.ops_visible,parent_role:t.parent_role??"",metadata_schema:B(t.metadata_schema),properties:B(t.properties)||"{}",sla_minutes:t.sla_minutes!=null?String(t.sla_minutes):"",target_per_hour:t.target_per_hour!=null?String(t.target_per_hour):"",worker_count:t.worker_count!=null?String(t.worker_count):"",priority_threshold_minutes:t.priority_threshold_minutes!=null?String(t.priority_threshold_minutes):"",priority_facet:t.priority_facet??""}}const we=/^[a-zA-Z0-9_]+$/;function Re(){const{role:t}=fe(),d=ve(),{data:n,isLoading:l}=ee(),x=W(),i=te(),o=(n==null?void 0:n.roles)??[],a=o.find(r=>r.role===t),[s,v]=u.useState({title:"",description:"",ops_visible:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:"",priority_threshold_minutes:"",priority_facet:""}),[c,S]=u.useState(!1),[V,N]=u.useState(!1),[_,C]=u.useState({}),[G,D]=u.useState(!1),[L,P]=u.useState(new Set),z=r=>P(m=>new Set([...m,r]));u.useEffect(()=>{a&&(v(ye(a)),S(!1),N(!1),C({}),P(new Set))},[t,a==null?void 0:a.role]);const f=r=>{v(m=>({...m,...r})),S(!0),N(!1)},H=u.useMemo(()=>o.filter(r=>{if(!a||r.role===a.role)return!1;let m=r;const p=new Set;for(;m!=null&&m.parent_role;){if(m.parent_role===a.role)return!1;if(p.has(m.parent_role))break;p.add(m.parent_role),m=o.find(h=>h.role===m.parent_role)}return!0}),[o,a]),K=()=>{const r=O(s.metadata_schema),m=O(s.properties),p=s.priority_facet.trim(),h={};if(r.ok||(h.metadata_schema="Invalid JSON"),m.ok||(h.properties="Invalid JSON"),p&&!we.test(p)&&(h.priority_facet="Letters, numbers, underscores only"),C(h),Object.keys(h).length||!a)return;const j=E=>{const b=parseFloat(E);return isNaN(b)?null:b},X=E=>{const b=j(E);return b==null?null:Math.round(b)};x.mutate({role:a.role,title:s.title.trim()||null,description:s.description.trim()||null,ops_visible:s.ops_visible,parent_role:s.parent_role||null,metadata_schema:r.value??null,properties:m.value??{},sla_minutes:j(s.sla_minutes),target_per_hour:j(s.target_per_hour),worker_count:X(s.worker_count),priority_threshold_minutes:j(s.priority_threshold_minutes),priority_facet:p||null},{onSuccess:()=>{S(!1),N(!0),P(new Set),window.setTimeout(()=>N(!1),2500)}})},Y=()=>{a&&i.mutate(a.role,{onSuccess:()=>d("/admin/roles")})};if(l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded"})]});if(!a)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(R,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Role not found"})]});const Z=a.user_count>0||a.chain_count>0||a.workflow_count>0,Q=c&&!Object.values(_).some(Boolean),y=parseFloat(s.sla_minutes),w=parseFloat(s.target_per_hour),k=parseFloat(s.worker_count),$=!isNaN(y)&&y>0,q=!isNaN(w)&&w>0,A=!isNaN(k)&&k>0,T=$&&A&&!q?`→ target ≈ ${(k/(y/60)).toFixed(1)}/h`:$&&q&&!A?`→ workers ≈ ${(w*(y/60)).toFixed(1)}`:q&&A&&!$?`→ SLA ≈ ${(k/w*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-center mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(R,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:a.role}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:role-detail"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(le,{className:"w-4 h-4",strokeWidth:1.5})}),a.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-text-quaternary font-mono",children:[e.jsx(F,{className:"w-3 h-3"})," ",a.parent_role]})]}),a.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Pace Board"}),e.jsx("button",{onClick:()=>f({ops_visible:!s.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${s.ops_visible?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${s.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]})]}),e.jsxs("div",{className:"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full",title:"throughput = workers / (sla / 60)",children:[[{key:"sla_minutes",label:"SLA",unit:"min",placeholder:"30"},{key:"target_per_hour",label:"Target",unit:"/h",placeholder:"20"},{key:"worker_count",label:"Workers",unit:"",placeholder:"4"}].map(({key:r,label:m,unit:p,placeholder:h})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[m,p&&e.jsx("span",{className:"normal-case font-normal ml-1",children:p})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:s[r],onChange:j=>f({[r]:j.target.value}),placeholder:h,className:"input text-xs w-16 font-mono"})]},r)),T&&e.jsx("span",{className:"text-[10px] text-accent font-mono whitespace-nowrap pb-2",children:T})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0",title:"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:["Priority",e.jsx("span",{className:"normal-case font-normal ml-1",children:"min"})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:s.priority_threshold_minutes,onChange:r=>f({priority_threshold_minutes:r.target.value}),placeholder:s.sla_minutes||"60",className:"input text-xs w-16 font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:"Facet"}),e.jsx("input",{type:"text",value:s.priority_facet,onChange:r=>f({priority_facet:r.target.value}),placeholder:"created_at",className:"input text-xs w-28 font-mono"}),_.priority_facet&&e.jsx("p",{className:"text-[9px] text-status-error mt-0.5",children:_.priority_facet})]})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[V&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(ce,{className:"w-3 h-3"})," Saved"]}),x.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:x.error.message}),e.jsx("button",{onClick:K,disabled:!Q||x.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:x.isPending?"Saving…":"Save"}),!Z&&e.jsxs("button",{onClick:()=>D(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(de,{className:"w-3 h-3"})," Delete"]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"space-y-14",children:[e.jsx(g,{icon:R,label:"Identity",annotation:"name and description",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:s.title,onChange:r=>f({title:r.target.value}),placeholder:`e.g., ${a.role.charAt(0).toUpperCase()+a.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx(ge,{value:s.description,onChange:r=>f({description:r}),placeholder:"A short description shown on role cards and in the operations view.",rows:2})]})]})}),e.jsx("div",{className:`overflow-hidden transition-all duration-300 ease-out ${s.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!s.ops_visible,children:e.jsx(g,{icon:me,label:"Pace Board",annotation:"where this station sits on the floor",accent:!0,children:e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{className:"space-y-5",children:[e.jsx(J,{icon:F,color:"text-text-tertiary",label:"Prior Step"}),e.jsxs("select",{value:s.parent_role,onChange:r=>f({parent_role:r.target.value}),className:"select text-sm w-full font-mono",children:[e.jsx("option",{value:"",children:"None — root process"}),H.map(r=>e.jsx("option",{value:r.role,children:r.title?`${r.role} — ${r.title}`:r.role},r.role))]}),e.jsx("p",{className:"text-[10px] text-text-tertiary leading-relaxed",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsx(J,{icon:xe,color:"text-text-tertiary",label:"Upstream Inputs",aside:e.jsx(I,{})}),e.jsx(Ne,{role:a,allRoles:o})]})]})})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsx(g,{icon:ue,label:"Escalation Targets",annotation:"hand-off routing",aside:e.jsx(I,{}),children:e.jsx(be,{role:a,allRoles:o})}),e.jsx(g,{icon:pe,label:"Members",annotation:"read = what appears · write = what they can act on",children:e.jsx(je,{role:a.role})})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs(g,{icon:M,label:"Escalation Schema",annotation:"the resolve form",accent:!0,aside:a.current_schema_version!=null?e.jsxs("span",{className:"text-[9px] font-mono text-text-quaternary",children:["v",a.current_schema_version," in use"]}):void 0,children:[e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["The form a person completes to resolve this role's escalations. Versioned — each save adds one; workflows pin any version via"," ",e.jsx("code",{className:"font-mono",children:"schemaVersion"}),"."]}),e.jsx(U,{to:`/admin/roles/${encodeURIComponent(a.role)}/schema`,className:"text-xs text-accent hover:underline",children:a.form_schema?`Open schema editor — v${a.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs(g,{icon:he,label:"Escalations List Schema",annotation:"rich list view",aside:a.current_list_schema_version!=null?e.jsxs("span",{className:"text-[9px] font-mono text-text-quaternary",children:["v",a.current_list_schema_version," in use"]}):void 0,children:[e.jsx("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:"Richly formats the escalation list when it's scoped to just this role. Versioned on its own timeline — separate from the resolve form."}),e.jsx(U,{to:`/admin/roles/${encodeURIComponent(a.role)}/list-schema`,className:"text-xs text-accent hover:underline",children:a.list_schema?`Open list schema editor — v${a.current_list_schema_version??1} in use →`:"Define the list view →"})]}),e.jsxs(g,{icon:M,label:"Metadata Schema",annotation:"validates metadata at creation",aside:!L.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>z("metadata_schema"),className:"text-[9px] text-accent hover:underline",children:"Edit"}):void 0,children:[e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["Validates ",e.jsx("code",{className:"font-mono",children:"metadata"})," at creation time. Keys appear in faceted search autocomplete."]}),!L.has("metadata_schema")&&a.metadata_schema?e.jsx(ne,{data:a.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:s.metadata_schema,onChange:r=>{const m=r.target.value;f({metadata_schema:m}),C(p=>({...p,metadata_schema:O(m).ok?void 0:"Invalid JSON"}))},rows:10,spellCheck:!1,className:"input text-xs font-mono w-full resize-y",placeholder:`{
-  "type": "object",
-  "properties": {
-    "order_id": { "type": "string" }
-  },
-  "required": ["order_id"]
-}`}),_.metadata_schema&&e.jsx("p",{className:"text-[10px] text-status-error mt-1",children:_.metadata_schema})]})]})]})]}),e.jsx(ie,{open:G,onClose:()=>D(!1),onConfirm:Y,title:"Delete Role",description:e.jsxs(e.Fragment,{children:["Delete role ",e.jsx("span",{className:"font-medium font-mono text-text-primary",children:a.role}),"? This cannot be undone."]}),isPending:i.isPending,error:i.error})]})}export{Re as RoleDetailPage};
-//# sourceMappingURL=RoleDetailPage-6H1AY6sK.js.map